commit 7a70033dee413922d6d45f5bd2b92e2a5d780119 Author: Aevann1 Date: Wed Jul 21 03:12:26 2021 +0200 sneed diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 000000000..8dc698e6b --- /dev/null +++ b/.gitattributes @@ -0,0 +1,4 @@ +*.css linguist-detectable=false +*.js linguist-detectable=true +*.html linguist-detectable=false +*.py linguist-detectable=true diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 000000000..6747a83c0 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,3 @@ +github: Aevann1 +patreon: Aevann +custom: ["https://rdrama.gumroad.com/l/tfcvri"] diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..3cda725bb --- /dev/null +++ b/.gitignore @@ -0,0 +1,115 @@ +ruqquscache/ +# Byte-compiled / optimized / DLL files +__pycache__/ +*.py[cod] +*$py.class + +# C extensions +*.so + +# Distribution / packaging +.Python +build/ +develop-eggs/ +dist/ +downloads/ +eggs/ +.eggs/ +lib/ +lib64/ +parts/ +sdist/ +var/ +wheels/ +*.egg-info/ +.installed.cfg +*.egg +MANIFEST + +# PyInstaller +# Usually these files are written by a python script from a template +# before PyInstaller builds the exe, so as to inject date/other infos into it. +*.manifest +*.spec + +# Installer logs +pip-log.txt +pip-delete-this-directory.txt + +# Unit test / coverage reports +htmlcov/ +.tox/ +.coverage +.coverage.* +.cache +nosetests.xml +coverage.xml +*.cover +.hypothesis/ +.pytest_cache/ + +# Translations +*.mo +*.pot + +# Django stuff: +*.log +local_settings.py +db.sqlite3 + +# Flask stuff: +instance/ +.webassets-cache + +# Scrapy stuff: +.scrapy + +# Sphinx documentation +docs/_build/ + +# PyBuilder +target/ + +# Jupyter Notebook +.ipynb_checkpoints + +# pyenv +.python-version + +# celery beat schedule file +celerybeat-schedule + +# SageMath parsed files +*.sage.py + +# Environments +.env +.venv +env/ +venv/ +ENV/ +env.bak/ +venv.bak/ + +# Spyder project settings +.spyderproject +.spyproject + +# Rope project settings +.ropeproject + +# mkdocs documentation +/site + +# mypy +.mypy_cache/ + +#custom +*.DS_Store +#node_modules/ +package-lock.json +*.css.map +*.map +local.txt +*.scssc +.idea/* diff --git a/.well-known/assetlinks.json b/.well-known/assetlinks.json new file mode 100644 index 000000000..40a7e7e7a --- /dev/null +++ b/.well-known/assetlinks.json @@ -0,0 +1,9 @@ +[{ + "relation": ["delegate_permission/common.handle_all_urls"], + "target": { + "namespace": "android_app", + "package_name": "net.rdrama", + "sha256_cert_fingerprints": + ["ED:D9:72:9B:CD:61:52:18:AB:95:D0:21:BD:7F:04:6F:89:04:AC:B9:73:A2:2E:90:A5:2B:0C:13:F8:4A:EC:18"] + } +}] \ No newline at end of file diff --git a/.well-known/brave-rewards-verification.txt b/.well-known/brave-rewards-verification.txt new file mode 100644 index 000000000..1ba71b66d --- /dev/null +++ b/.well-known/brave-rewards-verification.txt @@ -0,0 +1,4 @@ +This is a Brave Rewards publisher verification file. + +Domain: rdrama.net +Token: 0774158a4aec1e891263f84cf37919c0aa19309b9fba4ad9c4a0aae8946f5d0d diff --git a/.well-known/service-worker.js b/.well-known/service-worker.js new file mode 100644 index 000000000..f2918a743 --- /dev/null +++ b/.well-known/service-worker.js @@ -0,0 +1 @@ +importScripts("https://js.pusher.com/beams/service-worker.js"); \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 000000000..56f7fdf69 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,17 @@ +FROM ubuntu:20.04 + +COPY supervisord.conf /etc/supervisord.conf + +RUN apt update \ + && apt install -y python3.8 python3-pip supervisor + +RUN mkdir -p /opt/Drama/service + +COPY requirements.txt /opt/Drama/service/requirements.txt + +RUN cd /opt/Drama/service \ + && pip3 install -r requirements.txt + +EXPOSE 80/tcp + +CMD [ "/usr/bin/supervisord", "-c", "/etc/supervisord.conf" ] diff --git a/LICENSE b/LICENSE new file mode 100644 index 000000000..d0a1fa148 --- /dev/null +++ b/LICENSE @@ -0,0 +1,373 @@ +Mozilla Public License Version 2.0 +================================== + +1. Definitions +-------------- + +1.1. "Contributor" + means each individual or legal entity that creates, contributes to + the creation of, or owns Covered Software. + +1.2. "Contributor Version" + means the combination of the Contributions of others (if any) used + by a Contributor and that particular Contributor's Contribution. + +1.3. "Contribution" + means Covered Software of a particular Contributor. + +1.4. "Covered Software" + means Source Code Form to which the initial Contributor has attached + the notice in Exhibit A, the Executable Form of such Source Code + Form, and Modifications of such Source Code Form, in each case + including portions thereof. + +1.5. "Incompatible With Secondary Licenses" + means + + (a) that the initial Contributor has attached the notice described + in Exhibit B to the Covered Software; or + + (b) that the Covered Software was made available under the terms of + version 1.1 or earlier of the License, but not also under the + terms of a Secondary License. + +1.6. "Executable Form" + means any form of the work other than Source Code Form. + +1.7. "Larger Work" + means a work that combines Covered Software with other material, in + a separate file or files, that is not Covered Software. + +1.8. "License" + means this document. + +1.9. "Licensable" + means having the right to grant, to the maximum extent possible, + whether at the time of the initial grant or subsequently, any and + all of the rights conveyed by this License. + +1.10. "Modifications" + means any of the following: + + (a) any file in Source Code Form that results from an addition to, + deletion from, or modification of the contents of Covered + Software; or + + (b) any new file in Source Code Form that contains any Covered + Software. + +1.11. "Patent Claims" of a Contributor + means any patent claim(s), including without limitation, method, + process, and apparatus claims, in any patent Licensable by such + Contributor that would be infringed, but for the grant of the + License, by the making, using, selling, offering for sale, having + made, import, or transfer of either its Contributions or its + Contributor Version. + +1.12. "Secondary License" + means either the GNU General Public License, Version 2.0, the GNU + Lesser General Public License, Version 2.1, the GNU Affero General + Public License, Version 3.0, or any later versions of those + licenses. + +1.13. "Source Code Form" + means the form of the work preferred for making modifications. + +1.14. "You" (or "Your") + means an individual or a legal entity exercising rights under this + License. For legal entities, "You" includes any entity that + controls, is controlled by, or is under common control with You. For + purposes of this definition, "control" means (a) the power, direct + or indirect, to cause the direction or management of such entity, + whether by contract or otherwise, or (b) ownership of more than + fifty percent (50%) of the outstanding shares or beneficial + ownership of such entity. + +2. License Grants and Conditions +-------------------------------- + +2.1. Grants + +Each Contributor hereby grants You a world-wide, royalty-free, +non-exclusive license: + +(a) under intellectual property rights (other than patent or trademark) + Licensable by such Contributor to use, reproduce, make available, + modify, display, perform, distribute, and otherwise exploit its + Contributions, either on an unmodified basis, with Modifications, or + as part of a Larger Work; and + +(b) under Patent Claims of such Contributor to make, use, sell, offer + for sale, have made, import, and otherwise transfer either its + Contributions or its Contributor Version. + +2.2. Effective Date + +The licenses granted in Section 2.1 with respect to any Contribution +become effective for each Contribution on the date the Contributor first +distributes such Contribution. + +2.3. Limitations on Grant Scope + +The licenses granted in this Section 2 are the only rights granted under +this License. No additional rights or licenses will be implied from the +distribution or licensing of Covered Software under this License. +Notwithstanding Section 2.1(b) above, no patent license is granted by a +Contributor: + +(a) for any code that a Contributor has removed from Covered Software; + or + +(b) for infringements caused by: (i) Your and any other third party's + modifications of Covered Software, or (ii) the combination of its + Contributions with other software (except as part of its Contributor + Version); or + +(c) under Patent Claims infringed by Covered Software in the absence of + its Contributions. + +This License does not grant any rights in the trademarks, service marks, +or logos of any Contributor (except as may be necessary to comply with +the notice requirements in Section 3.4). + +2.4. Subsequent Licenses + +No Contributor makes additional grants as a result of Your choice to +distribute the Covered Software under a subsequent version of this +License (see Section 10.2) or under the terms of a Secondary License (if +permitted under the terms of Section 3.3). + +2.5. Representation + +Each Contributor represents that the Contributor believes its +Contributions are its original creation(s) or it has sufficient rights +to grant the rights to its Contributions conveyed by this License. + +2.6. Fair Use + +This License is not intended to limit any rights You have under +applicable copyright doctrines of fair use, fair dealing, or other +equivalents. + +2.7. Conditions + +Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted +in Section 2.1. + +3. Responsibilities +------------------- + +3.1. Distribution of Source Form + +All distribution of Covered Software in Source Code Form, including any +Modifications that You create or to which You contribute, must be under +the terms of this License. You must inform recipients that the Source +Code Form of the Covered Software is governed by the terms of this +License, and how they can obtain a copy of this License. You may not +attempt to alter or restrict the recipients' rights in the Source Code +Form. + +3.2. Distribution of Executable Form + +If You distribute Covered Software in Executable Form then: + +(a) such Covered Software must also be made available in Source Code + Form, as described in Section 3.1, and You must inform recipients of + the Executable Form how they can obtain a copy of such Source Code + Form by reasonable means in a timely manner, at a charge no more + than the cost of distribution to the recipient; and + +(b) You may distribute such Executable Form under the terms of this + License, or sublicense it under different terms, provided that the + license for the Executable Form does not attempt to limit or alter + the recipients' rights in the Source Code Form under this License. + +3.3. Distribution of a Larger Work + +You may create and distribute a Larger Work under terms of Your choice, +provided that You also comply with the requirements of this License for +the Covered Software. If the Larger Work is a combination of Covered +Software with a work governed by one or more Secondary Licenses, and the +Covered Software is not Incompatible With Secondary Licenses, this +License permits You to additionally distribute such Covered Software +under the terms of such Secondary License(s), so that the recipient of +the Larger Work may, at their option, further distribute the Covered +Software under the terms of either this License or such Secondary +License(s). + +3.4. Notices + +You may not remove or alter the substance of any license notices +(including copyright notices, patent notices, disclaimers of warranty, +or limitations of liability) contained within the Source Code Form of +the Covered Software, except that You may alter any license notices to +the extent required to remedy known factual inaccuracies. + +3.5. Application of Additional Terms + +You may choose to offer, and to charge a fee for, warranty, support, +indemnity or liability obligations to one or more recipients of Covered +Software. However, You may do so only on Your own behalf, and not on +behalf of any Contributor. You must make it absolutely clear that any +such warranty, support, indemnity, or liability obligation is offered by +You alone, and You hereby agree to indemnify every Contributor for any +liability incurred by such Contributor as a result of warranty, support, +indemnity or liability terms You offer. You may include additional +disclaimers of warranty and limitations of liability specific to any +jurisdiction. + +4. Inability to Comply Due to Statute or Regulation +--------------------------------------------------- + +If it is impossible for You to comply with any of the terms of this +License with respect to some or all of the Covered Software due to +statute, judicial order, or regulation then You must: (a) comply with +the terms of this License to the maximum extent possible; and (b) +describe the limitations and the code they affect. Such description must +be placed in a text file included with all distributions of the Covered +Software under this License. Except to the extent prohibited by statute +or regulation, such description must be sufficiently detailed for a +recipient of ordinary skill to be able to understand it. + +5. Termination +-------------- + +5.1. The rights granted under this License will terminate automatically +if You fail to comply with any of its terms. However, if You become +compliant, then the rights granted under this License from a particular +Contributor are reinstated (a) provisionally, unless and until such +Contributor explicitly and finally terminates Your grants, and (b) on an +ongoing basis, if such Contributor fails to notify You of the +non-compliance by some reasonable means prior to 60 days after You have +come back into compliance. Moreover, Your grants from a particular +Contributor are reinstated on an ongoing basis if such Contributor +notifies You of the non-compliance by some reasonable means, this is the +first time You have received notice of non-compliance with this License +from such Contributor, and You become compliant prior to 30 days after +Your receipt of the notice. + +5.2. If You initiate litigation against any entity by asserting a patent +infringement claim (excluding declaratory judgment actions, +counter-claims, and cross-claims) alleging that a Contributor Version +directly or indirectly infringes any patent, then the rights granted to +You by any and all Contributors for the Covered Software under Section +2.1 of this License shall terminate. + +5.3. In the event of termination under Sections 5.1 or 5.2 above, all +end user license agreements (excluding distributors and resellers) which +have been validly granted by You or Your distributors under this License +prior to termination shall survive termination. + +************************************************************************ +* * +* 6. Disclaimer of Warranty * +* ------------------------- * +* * +* Covered Software is provided under this License on an "as is" * +* basis, without warranty of any kind, either expressed, implied, or * +* statutory, including, without limitation, warranties that the * +* Covered Software is free of defects, merchantable, fit for a * +* particular purpose or non-infringing. The entire risk as to the * +* quality and performance of the Covered Software is with You. * +* Should any Covered Software prove defective in any respect, You * +* (not any Contributor) assume the cost of any necessary servicing, * +* repair, or correction. This disclaimer of warranty constitutes an * +* essential part of this License. No use of any Covered Software is * +* authorized under this License except under this disclaimer. * +* * +************************************************************************ + +************************************************************************ +* * +* 7. Limitation of Liability * +* -------------------------- * +* * +* Under no circumstances and under no legal theory, whether tort * +* (including negligence), contract, or otherwise, shall any * +* Contributor, or anyone who distributes Covered Software as * +* permitted above, be liable to You for any direct, indirect, * +* special, incidental, or consequential damages of any character * +* including, without limitation, damages for lost profits, loss of * +* goodwill, work stoppage, computer failure or malfunction, or any * +* and all other commercial damages or losses, even if such party * +* shall have been informed of the possibility of such damages. This * +* limitation of liability shall not apply to liability for death or * +* personal injury resulting from such party's negligence to the * +* extent applicable law prohibits such limitation. Some * +* jurisdictions do not allow the exclusion or limitation of * +* incidental or consequential damages, so this exclusion and * +* limitation may not apply to You. * +* * +************************************************************************ + +8. Litigation +------------- + +Any litigation relating to this License may be brought only in the +courts of a jurisdiction where the defendant maintains its principal +place of business and such litigation shall be governed by laws of that +jurisdiction, without reference to its conflict-of-law provisions. +Nothing in this Section shall prevent a party's ability to bring +cross-claims or counter-claims. + +9. Miscellaneous +---------------- + +This License represents the complete agreement concerning the subject +matter hereof. If any provision of this License is held to be +unenforceable, such provision shall be reformed only to the extent +necessary to make it enforceable. Any law or regulation which provides +that the language of a contract shall be construed against the drafter +shall not be used to construe this License against a Contributor. + +10. Versions of the License +--------------------------- + +10.1. New Versions + +Mozilla Foundation is the license steward. Except as provided in Section +10.3, no one other than the license steward has the right to modify or +publish new versions of this License. Each version will be given a +distinguishing version number. + +10.2. Effect of New Versions + +You may distribute the Covered Software under the terms of the version +of the License under which You originally received the Covered Software, +or under the terms of any subsequent version published by the license +steward. + +10.3. Modified Versions + +If you create software not governed by this License, and you want to +create a new license for such software, you may create and use a +modified version of this License if you rename the license and remove +any references to the name of the license steward (except to note that +such modified license differs from this License). + +10.4. Distributing Source Code Form that is Incompatible With Secondary +Licenses + +If You choose to distribute Source Code Form that is Incompatible With +Secondary Licenses under the terms of this version of the License, the +notice described in Exhibit B of this License must be attached. + +Exhibit A - Source Code Form License Notice +------------------------------------------- + + This Source Code Form is subject to the terms of the Mozilla Public + License, v. 2.0. If a copy of the MPL was not distributed with this + file, You can obtain one at https://mozilla.org/MPL/2.0/. + +If it is not possible or desirable to put the notice in a particular +file, then You may include the notice in a location (such as a LICENSE +file in a relevant directory) where a recipient would be likely to look +for such a notice. + +You may add additional accurate notices of copyright ownership. + +Exhibit B - "Incompatible With Secondary Licenses" Notice +--------------------------------------------------------- + + This Source Code Form is "Incompatible With Secondary Licenses", as + defined by the Mozilla Public License, v. 2.0. diff --git a/appspec.yml b/appspec.yml new file mode 100644 index 000000000..e31c52105 --- /dev/null +++ b/appspec.yml @@ -0,0 +1,13 @@ +version: 0.0 +os: linux +files: + - source: / + destination: ruqqus +permissions: + - object: ruqqus/* + mode: 4755 +hooks: + AfterInstall: + - location: scripts/install_pip + ApplicationStart: + - location: scripts/start_ruqqus \ No newline at end of file diff --git a/buildspec.yml b/buildspec.yml new file mode 100644 index 000000000..db85248f5 --- /dev/null +++ b/buildspec.yml @@ -0,0 +1,8 @@ +version: 0.2 +phases: + install: + runtime-versions: + python: 3.7 +artifacts: + files: + - '**/*' \ No newline at end of file diff --git a/compilecss.py b/compilecss.py new file mode 100644 index 000000000..0249fb3f6 --- /dev/null +++ b/compilecss.py @@ -0,0 +1,7 @@ +for theme in ['dark', 'light', 'coffee', 'tron', '4chan']: + with open(f"D:/#D/ruqqus/assets/style/{theme}_ff66ac.css", encoding='utf-8') as t: + text = t.read() + for color in ['805ad5','62ca56','38a169','80ffff','2a96f3','62ca56','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58']: + newtext = text.replace("ff66ac", color).replace("ff4097", color).replace("ff1a83", color).replace("ff3390", color) + with open(f"D:/#D/ruqqus/assets/style/{theme}_{color}.css", encoding='utf-8', mode='w') as nt: + nt.write(newtext) \ No newline at end of file diff --git a/dependabot.yml b/dependabot.yml new file mode 100644 index 000000000..f1747992c --- /dev/null +++ b/dependabot.yml @@ -0,0 +1,6 @@ +version: 2 +updates: + - package-ecosystem: "pip" + directory: "/" + schedule: + interval: "daily" \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 000000000..85a71ce94 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,62 @@ +version: '2.3' + +services: + ruqqus: + build: + context: . + volumes: + - "./:/opt/Drama/service" + environment: + - PYTHONPATH="opt/Drama/service" + - REDIS_URL=redis://127.0.0.1 + - DATABASE_URL=postgresql://postgres@127.0.0.1:5432/postgres + - DATABASE_CONNECTION_POOL_URL=postgresql://postgres@127.0.0.1:5432/postgres + - MASTER_KEY=${MASTER_KEY:-KTVciAUQFpFh2WdJ/oiHJlxl6FvzRZp8kYzAAv3l2OA=} + - SESSION_COOKIE_SECURE=false + - FLASK_DEBUG=1 + - FLASK_ENV=development + - domain=localhost + - SITE_NAME=Drama + - CLOUDFLARE_ZONE=vcxvdfgfc6r554etrgd + - CLOUDFLARE_KEY=vcxvdfgfc6r554etrgd + - TENOR_KEY=vcxvdfgfc6r554etrgd + - S3_BUCKET_NAME=i.ruqqus.ga + - AWS_ACCESS_KEY_ID=vcxvdfgfc6r554etrgd + - AWS_SECRET_ACCESS_KEY=vcxvdfgfc6r554etrgd + - MAILGUN_KEY=vcxvdfgfc6r554etrgd + - admin_email=drama@rdrama.net + - FORCE_HTTPS=1 + - DISCORD_SERVER_ID=vcxvdfgfc6r554etrgd + - DISCORD_CLIENT_ID=vcxvdfgfc6r554etrgd + - DISCORD_CLIENT_SECRET=vcxvdfgfc6r554etrgd + - DISCORD_BOT_TOKEN=vcxvdfgfc6r554etrgd + - imgurkey=vcxvdfgfc6r554etrgd + - FACEBOOK_TOKEN=vcxvdfgfc6r554etrgd + - HCAPTCHA_SITEKEY=vcxvdfgfc6r554etrgd + - HCAPTCHA_SECRET=vcxvdfgfc6r554etrgd + - youtubekey=vcxvdfgfc6r554etrgd + - PUSHER_KEY=vcxvdfgfc6r554etrgd + links: + - "redis" + - "postgres" + ports: + - "80:80" + depends_on: + - redis + - postgres + + redis: + image: redis + volumes: + - ./redis.conf:/opt/Drama/redis.conf + ports: + - "6379:6379" + + postgres: + image: postgres:12.3 + volumes: + - "./schema.sql:/docker-entrypoint-initdb.d/00-schema.sql" + environment: + - POSTGRES_HOST_AUTH_METHOD=trust + ports: + - "5432:5432" diff --git a/push.sh b/push.sh new file mode 100644 index 000000000..0a93042bc --- /dev/null +++ b/push.sh @@ -0,0 +1,17 @@ +git pull +git add . +git commit -m "sneed" +git push + +sass ./ruqqus/assets/style/dark.scss D:/#D/ruqqus/assets/style/dark_ff66ac.css +sass ./ruqqus/assets/style/light.scss D:/#D/ruqqus/assets/style/light_ff66ac.css +sass ./ruqqus/assets/style/coffee.scss D:/#D/ruqqus/assets/style/coffee_ff66ac.css +sass ./ruqqus/assets/style/tron.scss D:/#D/ruqqus/assets/style/tron_ff66ac.css +sass ./ruqqus/assets/style/4chan.scss D:/#D/ruqqus/assets/style/4chan_ff66ac.css +python ./compilecss.py +git add . +git commit -m "css" +git push + +cd D:\1 +git pull \ No newline at end of file diff --git a/pushforce.sh b/pushforce.sh new file mode 100644 index 000000000..26412e5da --- /dev/null +++ b/pushforce.sh @@ -0,0 +1,3 @@ +git add . +git commit -m "force push" +git push --force \ No newline at end of file diff --git a/readme.md b/readme.md new file mode 100644 index 000000000..684daa217 --- /dev/null +++ b/readme.md @@ -0,0 +1,78 @@ +# How to Install Drama Locally + + +## Overview + +Installing Drama locally is the fastest way to get the software up and running and start tinkering under the hood. + +--- + +## Windows + +### Install Docker + +Install Docker on your machine. + +[Docker installation for Windows](https://docs.docker.com/docker-for-windows/install/) + +### Download Drama + +Download the latest release of Drama from GitHub. + +[Drama Latest Release - GitHub](https://github.com/Drama/Drama/releases) + +### PowerShell + +Press shift+right click inside the code folder and run PowerShell. Then in PowerShell, run the following command: + +``` +docker-compose up +``` + +That's it! Visit `localhost` in your browser. + +--- + +## Linux + +### Install Docker + +Install Docker on your machine. + +[Docker installation for Ubuntu](https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-on-ubuntu-18-04) + +### Install Docker-compose + +Install Docker-compose on your machine. + +[Docker-compose installation for Ubuntu](https://www.digitalocean.com/community/tutorials/how-to-install-docker-compose-on-ubuntu-18-04) + +### Download Drama + +Navigate to `/opt` + +``` +cd /opt +``` + +then clone Drama into your machine. + +``` +git clone https://github.com/Drama/Drama/ +``` + +### Run Drama + +Navigate to `/opt/Drama` + +``` +cd /opt/Drama +``` + +then run this command + +``` +docker-compose up +``` + +That's it! Visit `localhost` in your browser. diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 000000000..706d408ed --- /dev/null +++ b/requirements.txt @@ -0,0 +1,69 @@ +async-timeout +attrs +beautifulsoup4 +bleach +boto3 +botocore +certifi +chardet +click +cycler +eventlet +Flask +Flask-Caching==1.9.0 +Flask-Compress==1.9.0 +Flask-Limiter==1.1.0 +Flask-Markdown==0.3 +flask-socketio==5.1.0 +gevent +gevent-websocket +greenlet +gunicorn +idna +idna-ssl +ImageHash +importlib-metadata +itsdangerous +Jinja2 +jmespath +kiwisolver +libsass +limits +lockfile +Markdown +MarkupSafe +matplotlib +mistletoe +multidict +newrelic +numpy +piexif +Pillow +psutil +psycogreen +psycopg2-binary +py3socket +pyotp +pyparsing +python-daemon +python-dateutil +PyWavelets +qrcode +redis +requests +s3transfer +scipy +six +soupsieve +SQLAlchemy==1.3.19 +typing-extensions +urllib3 +webencodings +websockets +Werkzeug +yattag +yarl +zipp +pusher_push_notifications +youtube-dl +testresources \ No newline at end of file diff --git a/ruqqus/__main__.py b/ruqqus/__main__.py new file mode 100644 index 000000000..c5a30d082 --- /dev/null +++ b/ruqqus/__main__.py @@ -0,0 +1,352 @@ +import gevent.monkey +gevent.monkey.patch_all() + +import os +from os import environ +import secrets +from flask import * +from flask_caching import Cache +from flask_limiter import Limiter +from flask_limiter.util import get_remote_address +from flask_compress import Compress +from flask_socketio import SocketIO +from time import sleep +from collections import deque +import psycopg2 + +from flaskext.markdown import Markdown +from sqlalchemy.ext.declarative import declarative_base +from sqlalchemy.exc import OperationalError, StatementError, InternalError +from sqlalchemy.orm import Session, sessionmaker, scoped_session, Query as _Query +from sqlalchemy import * +from sqlalchemy.pool import QueuePool +import threading +import requests +import random +import redis +import gevent +import sys + +from redis import BlockingConnectionPool, ConnectionPool + +from werkzeug.middleware.proxy_fix import ProxyFix + + +_version = "2.37.4" + +app = Flask(__name__, + template_folder='./templates', + static_folder='./static' + ) +app.wsgi_app = ProxyFix(app.wsgi_app, x_for=3) +app.url_map.strict_slashes = False + +app.config["SITE_NAME"]=environ.get("SITE_NAME", "Ruqqus").strip() + +app.config["SITE_COLOR"]=environ.get("SITE_COLOR", "805ad5").strip() + +app.config["RUQQUSPATH"]=environ.get("RUQQUSPATH", os.path.dirname(os.path.realpath(__file__))) + +app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False +app.config['DATABASE_URL'] = environ.get( + "DATABASE_CONNECTION_POOL_URL", + environ.get("DATABASE_URL")) + +app.config['SQLALCHEMY_READ_URIS'] = [ + environ.get("DATABASE_CONNECTION_READ_01_URL"), + environ.get("DATABASE_CONNECTION_READ_02_URL"), + environ.get("DATABASE_CONNECTION_READ_03_URL") +] + +app.config['SECRET_KEY'] = environ.get('MASTER_KEY') +app.config["SERVER_NAME"] = environ.get( + "domain", environ.get( + "SERVER_NAME", "")).strip() + +app.config["SHORT_DOMAIN"]=environ.get("SHORT_DOMAIN","").strip() +app.config["SESSION_COOKIE_NAME"] = "session_ruqqus" +app.config["VERSION"] = _version +app.config['MAX_CONTENT_LENGTH'] = 64 * 1024 * 1024 +app.config["SESSION_COOKIE_SECURE"] = bool(int(environ.get("FORCE_HTTPS", 1))) +app.config["SESSION_COOKIE_SAMESITE"] = "Lax" + +app.config["PERMANENT_SESSION_LIFETIME"] = 60 * 60 * 24 * 365 +app.config["SESSION_REFRESH_EACH_REQUEST"] = True + +app.config["FORCE_HTTPS"] = int(environ.get("FORCE_HTTPS", 1)) if ("localhost" not in app.config["SERVER_NAME"] and "127.0.0.1" not in app.config["SERVER_NAME"]) else 0 +app.config["DISABLE_SIGNUPS"]=int(environ.get("DISABLE_SIGNUPS",0)) + +app.jinja_env.cache = {} + +app.config["UserAgent"] = f"Content Aquisition for Pink message board v{_version}." + +if "localhost" in app.config["SERVER_NAME"]: + app.config["CACHE_TYPE"] = "null" +else: + app.config["CACHE_TYPE"] = environ.get("CACHE_TYPE", 'filesystem').strip() + +app.config["CACHE_DIR"] = environ.get("CACHE_DIR", "ruqquscache") + +# captcha configs +app.config["HCAPTCHA_SITEKEY"] = environ.get("HCAPTCHA_SITEKEY","").strip() +app.config["HCAPTCHA_SECRET"] = environ.get( + "HCAPTCHA_SECRET","").strip() +app.config["SIGNUP_HOURLY_LIMIT"]=int(environ.get("SIGNUP_HOURLY_LIMIT",0)) + +# antispam configs +app.config["SPAM_SIMILARITY_THRESHOLD"] = float( + environ.get("SPAM_SIMILARITY_THRESHOLD", 0.5)) +app.config["SPAM_SIMILAR_COUNT_THRESHOLD"] = int( + environ.get("SPAM_SIMILAR_COUNT_THRESHOLD", 5)) +app.config["SPAM_URL_SIMILARITY_THRESHOLD"] = float( + environ.get("SPAM_URL_SIMILARITY_THRESHOLD", 0.1)) +app.config["COMMENT_SPAM_SIMILAR_THRESHOLD"] = float( + environ.get("COMMENT_SPAM_SIMILAR_THRESHOLD", 0.5)) +app.config["COMMENT_SPAM_COUNT_THRESHOLD"] = int( + environ.get("COMMENT_SPAM_COUNT_THRESHOLD", 5)) + +app.config["CACHE_REDIS_URL"] = environ.get( + "REDIS_URL").strip().lstrip() if environ.get("REDIS_URL") else None +app.config["CACHE_DEFAULT_TIMEOUT"] = 60 +app.config["CACHE_KEY_PREFIX"] = "flask_caching_" + +app.config["S3_BUCKET"]=environ.get("S3_BUCKET_NAME","i.rdrama.net").strip() + +app.config["REDIS_POOL_SIZE"]=int(environ.get("REDIS_POOL_SIZE", 10)) + +redispool=ConnectionPool( + max_connections=app.config["REDIS_POOL_SIZE"], + host=app.config["CACHE_REDIS_URL"][8:] + ) if app.config["CACHE_TYPE"]=="redis" else None +app.config["CACHE_OPTIONS"]={'connection_pool':redispool} if app.config["CACHE_TYPE"]=="redis" else {} + +app.config["READ_ONLY"]=bool(int(environ.get("READ_ONLY", False))) +app.config["BOT_DISABLE"]=bool(int(environ.get("BOT_DISABLE", False))) + +app.config["TENOR_KEY"]=environ.get("TENOR_KEY",'').strip() + + +Markdown(app) +cache = Cache(app) +Compress(app) + +class CorsMatch(str): + + def __eq__(self, other): + if isinstance(other, str): + if other in ['https://rdrama.net', f'https://{app.config["SERVER_NAME"]}']: + return True + + elif other.endswith(".rdrama.net"): + return True + + elif isinstance(other, list): + if f'https://{app.config["SERVER_NAME"]}' in other: + return True + elif any([x.endswith(".rdrama.net") for x in other]): + return True + + return False + + + +app.config["RATELIMIT_STORAGE_URL"] = environ.get("REDIS_URL").strip() if environ.get("REDIS_URL") else 'memory://' +app.config["RATELIMIT_KEY_PREFIX"] = "flask_limiting_" +app.config["RATELIMIT_ENABLED"] = True +app.config["RATELIMIT_DEFAULTS_DEDUCT_WHEN"]=lambda:True +app.config["RATELIMIT_DEFAULTS_EXEMPT_WHEN"]=lambda:False +app.config["RATELIMIT_HEADERS_ENABLED"]=True + + +def limiter_key_func(): + return request.remote_addr + + +limiter = Limiter( + app, + key_func=limiter_key_func, + default_limits=["100/minute"], + headers_enabled=True, + strategy="fixed-window" +) + +_engine=create_engine( + app.config['DATABASE_URL'], + poolclass=QueuePool, + pool_size=int(environ.get("PG_POOL_SIZE",10)), + pool_use_lifo=True +) + +def retry(f): + + def wrapper(self, *args, **kwargs): + try: + return f(self, *args, **kwargs) + except OperationalError as e: + #self.session.rollback() + raise(DatabaseOverload) + except: + self.session.rollback() + return f(self, *args, **kwargs) + + wrapper.__name__=f.__name__ + return wrapper + + +class RetryingQuery(_Query): + + @retry + def all(self): + return super().all() + + @retry + def count(self): + return super().count() + + @retry + def first(self): + return super().first() + +db_session=scoped_session(sessionmaker(bind=_engine, query_cls=RetryingQuery)) + +Base = declarative_base() + + +#set the shared redis cache for misc stuff + +r=redis.Redis( + host=app.config["CACHE_REDIS_URL"][8:], + decode_responses=True, + ssl_cert_reqs=None, + connection_pool=redispool + ) if app.config["CACHE_REDIS_URL"] else None + +local_ban_cache={} + +UA_BAN_CACHE_TTL = int(environ.get("UA_BAN_CACHE_TTL", 3600)) + + + +# import and bind all routing functions +import ruqqus.classes +from ruqqus.routes import * +import ruqqus.helpers.jinja2 + +@cache.memoize(UA_BAN_CACHE_TTL) +def get_useragent_ban_response(user_agent_str): + """ + Given a user agent string, returns a tuple in the form of: + (is_user_agent_banned, (insult, status_code)) + """ + #if request.path.startswith("/socket.io/"): + # return False, (None, None) + + result = g.db.query( + ruqqus.classes.Agent).filter( + ruqqus.classes.Agent.kwd.in_( + user_agent_str.split())).first() + if result: + return True, (result.mock or "Follow the robots.txt, dumbass", + result.status_code or 418) + return False, (None, None) + +def drop_connection(): + + g.db.close() + gevent.getcurrent().kill() + + +# enforce https +@app.before_request +def before_request(): + + if request.method.lower() != "get" and app.config["READ_ONLY"]: + return jsonify({"error":f"{app.config['SITE_NAME']} is currently in read-only mode."}), 500 + + if app.config["BOT_DISABLE"] and request.headers.get("X-User-Type")=="Bot": + abort(503) + + g.db = db_session() + + if g.db.query(IP).filter_by(addr=request.remote_addr).first(): + abort(503) + + g.timestamp = int(time.time()) + + session.permanent = True + + ua_banned, response_tuple = get_useragent_ban_response( + request.headers.get("User-Agent", "NoAgent")) + if ua_banned and request.path != "/robots.txt": + return response_tuple + + if app.config["FORCE_HTTPS"] and request.url.startswith( + "http://") and "localhost" not in app.config["SERVER_NAME"]: + url = request.url.replace("http://", "https://", 1) + return redirect(url, code=301) + + if not session.get("session_id"): + session["session_id"] = secrets.token_hex(16) + + ua=request.headers.get("User-Agent","") + if "CriOS/" in ua: + g.system="ios/chrome" + elif "Version/" in ua: + g.system="android/webview" + elif "Mobile Safari/" in ua: + g.system="android/chrome" + elif "Safari/" in ua: + g.system="ios/safari" + elif "Mobile/" in ua: + g.system="ios/webview" + else: + g.system="other/other" + + +def log_event(name, link): + + x = requests.get(link) + + if x.status_code != 200: + return + + text = f'> **{name}**\r> {link}' + + url = os.environ.get("DISCORD_WEBHOOK") + headers = {"Content-Type": "application/json"} + data = {"username": "ruqqus", + "content": text + } + + x = requests.post(url, headers=headers, json=data) + print(x.status_code) + + +@app.after_request +def after_request(response): + + try: g.db.commit() + except: pass + g.db.close() + + response.headers.add('Access-Control-Allow-Headers', + "Origin, X-Requested-With, Content-Type, Accept, x-auth" + ) + response.headers.add("Cache-Control", + "maxage=600") + response.headers.add("Strict-Transport-Security", "max-age=31536000") + response.headers.add("Referrer-Policy", "same-origin") + # response.headers.add("X-Content-Type-Options","nosniff") + response.headers.add("Feature-Policy", + "geolocation 'none'; midi 'none'; notifications 'none'; push 'none'; sync-xhr 'none'; microphone 'none'; camera 'none'; magnetometer 'none'; gyroscope 'none'; vibrate 'none'; fullscreen 'none'; payment 'none';") + if not request.path.startswith("/embed/"): + response.headers.add("X-Frame-Options", + "deny") + + return response + + +@app.route("/", subdomain="www") +def www_redirect(path): + + return redirect(f"https://{app.config['SERVER_NAME']}/{path}") \ No newline at end of file diff --git a/ruqqus/assets/Drama.apk b/ruqqus/assets/Drama.apk new file mode 100644 index 000000000..64450aa25 Binary files /dev/null and b/ruqqus/assets/Drama.apk differ diff --git a/ruqqus/assets/images/badges/agendaposter.png b/ruqqus/assets/images/badges/agendaposter.png new file mode 100644 index 000000000..70ea7214f Binary files /dev/null and b/ruqqus/assets/images/badges/agendaposter.png differ diff --git a/ruqqus/assets/images/badges/alpha.png b/ruqqus/assets/images/badges/alpha.png new file mode 100644 index 000000000..db3004109 Binary files /dev/null and b/ruqqus/assets/images/badges/alpha.png differ diff --git a/ruqqus/assets/images/badges/art.png b/ruqqus/assets/images/badges/art.png new file mode 100644 index 000000000..ca983a203 Binary files /dev/null and b/ruqqus/assets/images/badges/art.png differ diff --git a/ruqqus/assets/images/badges/baby.png b/ruqqus/assets/images/badges/baby.png new file mode 100644 index 000000000..90192fcb2 Binary files /dev/null and b/ruqqus/assets/images/badges/baby.png differ diff --git a/ruqqus/assets/images/badges/beta.png b/ruqqus/assets/images/badges/beta.png new file mode 100644 index 000000000..1859842b0 Binary files /dev/null and b/ruqqus/assets/images/badges/beta.png differ diff --git a/ruqqus/assets/images/badges/game-highfinish.png b/ruqqus/assets/images/badges/game-highfinish.png new file mode 100644 index 000000000..2cca03975 Binary files /dev/null and b/ruqqus/assets/images/badges/game-highfinish.png differ diff --git a/ruqqus/assets/images/badges/game-participant.png b/ruqqus/assets/images/badges/game-participant.png new file mode 100644 index 000000000..36cab25f4 Binary files /dev/null and b/ruqqus/assets/images/badges/game-participant.png differ diff --git a/ruqqus/assets/images/badges/git.png b/ruqqus/assets/images/badges/git.png new file mode 100644 index 000000000..ea4690d1c Binary files /dev/null and b/ruqqus/assets/images/badges/git.png differ diff --git a/ruqqus/assets/images/badges/idea.png b/ruqqus/assets/images/badges/idea.png new file mode 100644 index 000000000..46e4e2384 Binary files /dev/null and b/ruqqus/assets/images/badges/idea.png differ diff --git a/ruqqus/assets/images/badges/labrat.png b/ruqqus/assets/images/badges/labrat.png new file mode 100644 index 000000000..dd5c57e40 Binary files /dev/null and b/ruqqus/assets/images/badges/labrat.png differ diff --git a/ruqqus/assets/images/badges/lolcow.png b/ruqqus/assets/images/badges/lolcow.png new file mode 100644 index 000000000..c233ef4c1 Binary files /dev/null and b/ruqqus/assets/images/badges/lolcow.png differ diff --git a/ruqqus/assets/images/badges/mail.png b/ruqqus/assets/images/badges/mail.png new file mode 100644 index 000000000..ccffdbdd2 Binary files /dev/null and b/ruqqus/assets/images/badges/mail.png differ diff --git a/ruqqus/assets/images/badges/patreon-1.png b/ruqqus/assets/images/badges/patreon-1.png new file mode 100644 index 000000000..2caeba010 Binary files /dev/null and b/ruqqus/assets/images/badges/patreon-1.png differ diff --git a/ruqqus/assets/images/badges/patreon-2.png b/ruqqus/assets/images/badges/patreon-2.png new file mode 100644 index 000000000..89b615981 Binary files /dev/null and b/ruqqus/assets/images/badges/patreon-2.png differ diff --git a/ruqqus/assets/images/badges/patreon-3.png b/ruqqus/assets/images/badges/patreon-3.png new file mode 100644 index 000000000..759c943bd Binary files /dev/null and b/ruqqus/assets/images/badges/patreon-3.png differ diff --git a/ruqqus/assets/images/badges/patreon-4.png b/ruqqus/assets/images/badges/patreon-4.png new file mode 100644 index 000000000..8884adc4b Binary files /dev/null and b/ruqqus/assets/images/badges/patreon-4.png differ diff --git a/ruqqus/assets/images/badges/recruit-1.png b/ruqqus/assets/images/badges/recruit-1.png new file mode 100644 index 000000000..4b9873bd0 Binary files /dev/null and b/ruqqus/assets/images/badges/recruit-1.png differ diff --git a/ruqqus/assets/images/badges/recruit-10.png b/ruqqus/assets/images/badges/recruit-10.png new file mode 100644 index 000000000..c754a32b4 Binary files /dev/null and b/ruqqus/assets/images/badges/recruit-10.png differ diff --git a/ruqqus/assets/images/badges/recruit-100.png b/ruqqus/assets/images/badges/recruit-100.png new file mode 100644 index 000000000..694a11b84 Binary files /dev/null and b/ruqqus/assets/images/badges/recruit-100.png differ diff --git a/ruqqus/assets/images/badges/recruit-1000.png b/ruqqus/assets/images/badges/recruit-1000.png new file mode 100644 index 000000000..2000d2d5e Binary files /dev/null and b/ruqqus/assets/images/badges/recruit-1000.png differ diff --git a/ruqqus/assets/images/badges/sitebreaker.png b/ruqqus/assets/images/badges/sitebreaker.png new file mode 100644 index 000000000..c4d19f0ea Binary files /dev/null and b/ruqqus/assets/images/badges/sitebreaker.png differ diff --git a/ruqqus/assets/images/badges/unknowable.png b/ruqqus/assets/images/badges/unknowable.png new file mode 100644 index 000000000..63666bbd0 Binary files /dev/null and b/ruqqus/assets/images/badges/unknowable.png differ diff --git a/ruqqus/assets/images/badges/unsilenced.png b/ruqqus/assets/images/badges/unsilenced.png new file mode 100644 index 000000000..30ca8398c Binary files /dev/null and b/ruqqus/assets/images/badges/unsilenced.png differ diff --git a/ruqqus/assets/images/badges/whitehat.png b/ruqqus/assets/images/badges/whitehat.png new file mode 100644 index 000000000..6b4a23635 Binary files /dev/null and b/ruqqus/assets/images/badges/whitehat.png differ diff --git a/ruqqus/assets/images/badges/year-1.png b/ruqqus/assets/images/badges/year-1.png new file mode 100644 index 000000000..c8879eeae Binary files /dev/null and b/ruqqus/assets/images/badges/year-1.png differ diff --git a/ruqqus/assets/images/blm.png b/ruqqus/assets/images/blm.png new file mode 100644 index 000000000..45a93b03a Binary files /dev/null and b/ruqqus/assets/images/blm.png differ diff --git a/ruqqus/assets/images/browserconfig.xml b/ruqqus/assets/images/browserconfig.xml new file mode 100644 index 000000000..16c282da3 --- /dev/null +++ b/ruqqus/assets/images/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #FF66AC + + + diff --git a/ruqqus/assets/images/default_bg.png b/ruqqus/assets/images/default_bg.png new file mode 100644 index 000000000..133ff9e2b Binary files /dev/null and b/ruqqus/assets/images/default_bg.png differ diff --git a/ruqqus/assets/images/default_thumb_link.png b/ruqqus/assets/images/default_thumb_link.png new file mode 100644 index 000000000..43767287b Binary files /dev/null and b/ruqqus/assets/images/default_thumb_link.png differ diff --git a/ruqqus/assets/images/default_thumb_text.png b/ruqqus/assets/images/default_thumb_text.png new file mode 100644 index 000000000..cce8b65c7 Binary files /dev/null and b/ruqqus/assets/images/default_thumb_text.png differ diff --git a/ruqqus/assets/images/default_thumb_yt.png b/ruqqus/assets/images/default_thumb_yt.png new file mode 100644 index 000000000..1baf6df27 Binary files /dev/null and b/ruqqus/assets/images/default_thumb_yt.png differ diff --git a/ruqqus/assets/images/defaultpictures/1.png b/ruqqus/assets/images/defaultpictures/1.png new file mode 100644 index 000000000..a77762b47 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/1.png differ diff --git a/ruqqus/assets/images/defaultpictures/10.png b/ruqqus/assets/images/defaultpictures/10.png new file mode 100644 index 000000000..698a072cf Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/10.png differ diff --git a/ruqqus/assets/images/defaultpictures/11.png b/ruqqus/assets/images/defaultpictures/11.png new file mode 100644 index 000000000..419b7f234 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/11.png differ diff --git a/ruqqus/assets/images/defaultpictures/12.png b/ruqqus/assets/images/defaultpictures/12.png new file mode 100644 index 000000000..777eedd59 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/12.png differ diff --git a/ruqqus/assets/images/defaultpictures/13.png b/ruqqus/assets/images/defaultpictures/13.png new file mode 100644 index 000000000..888bb4cae Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/13.png differ diff --git a/ruqqus/assets/images/defaultpictures/14.png b/ruqqus/assets/images/defaultpictures/14.png new file mode 100644 index 000000000..e2249eff9 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/14.png differ diff --git a/ruqqus/assets/images/defaultpictures/15.png b/ruqqus/assets/images/defaultpictures/15.png new file mode 100644 index 000000000..56159cedd Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/15.png differ diff --git a/ruqqus/assets/images/defaultpictures/16.png b/ruqqus/assets/images/defaultpictures/16.png new file mode 100644 index 000000000..3069b6026 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/16.png differ diff --git a/ruqqus/assets/images/defaultpictures/17.png b/ruqqus/assets/images/defaultpictures/17.png new file mode 100644 index 000000000..ef25e384e Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/17.png differ diff --git a/ruqqus/assets/images/defaultpictures/18.png b/ruqqus/assets/images/defaultpictures/18.png new file mode 100644 index 000000000..e5a06d1e9 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/18.png differ diff --git a/ruqqus/assets/images/defaultpictures/19.png b/ruqqus/assets/images/defaultpictures/19.png new file mode 100644 index 000000000..5f49ed917 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/19.png differ diff --git a/ruqqus/assets/images/defaultpictures/2.png b/ruqqus/assets/images/defaultpictures/2.png new file mode 100644 index 000000000..e1980c877 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/2.png differ diff --git a/ruqqus/assets/images/defaultpictures/20.png b/ruqqus/assets/images/defaultpictures/20.png new file mode 100644 index 000000000..2bfa8e7b6 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/20.png differ diff --git a/ruqqus/assets/images/defaultpictures/21.png b/ruqqus/assets/images/defaultpictures/21.png new file mode 100644 index 000000000..8024fa868 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/21.png differ diff --git a/ruqqus/assets/images/defaultpictures/22.png b/ruqqus/assets/images/defaultpictures/22.png new file mode 100644 index 000000000..80b8e80af Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/22.png differ diff --git a/ruqqus/assets/images/defaultpictures/23.png b/ruqqus/assets/images/defaultpictures/23.png new file mode 100644 index 000000000..031630a76 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/23.png differ diff --git a/ruqqus/assets/images/defaultpictures/24.png b/ruqqus/assets/images/defaultpictures/24.png new file mode 100644 index 000000000..f99e8036d Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/24.png differ diff --git a/ruqqus/assets/images/defaultpictures/25.png b/ruqqus/assets/images/defaultpictures/25.png new file mode 100644 index 000000000..eb1862004 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/25.png differ diff --git a/ruqqus/assets/images/defaultpictures/26.png b/ruqqus/assets/images/defaultpictures/26.png new file mode 100644 index 000000000..7781359c3 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/26.png differ diff --git a/ruqqus/assets/images/defaultpictures/27.png b/ruqqus/assets/images/defaultpictures/27.png new file mode 100644 index 000000000..d8274efb5 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/27.png differ diff --git a/ruqqus/assets/images/defaultpictures/28.png b/ruqqus/assets/images/defaultpictures/28.png new file mode 100644 index 000000000..20d1dbe5e Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/28.png differ diff --git a/ruqqus/assets/images/defaultpictures/29.png b/ruqqus/assets/images/defaultpictures/29.png new file mode 100644 index 000000000..6214c4988 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/29.png differ diff --git a/ruqqus/assets/images/defaultpictures/3.png b/ruqqus/assets/images/defaultpictures/3.png new file mode 100644 index 000000000..36eadb73c Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/3.png differ diff --git a/ruqqus/assets/images/defaultpictures/30.png b/ruqqus/assets/images/defaultpictures/30.png new file mode 100644 index 000000000..09e4f1b3e Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/30.png differ diff --git a/ruqqus/assets/images/defaultpictures/31.png b/ruqqus/assets/images/defaultpictures/31.png new file mode 100644 index 000000000..d138f13c1 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/31.png differ diff --git a/ruqqus/assets/images/defaultpictures/32.png b/ruqqus/assets/images/defaultpictures/32.png new file mode 100644 index 000000000..3321c3011 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/32.png differ diff --git a/ruqqus/assets/images/defaultpictures/33.png b/ruqqus/assets/images/defaultpictures/33.png new file mode 100644 index 000000000..676ad5fa9 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/33.png differ diff --git a/ruqqus/assets/images/defaultpictures/34.png b/ruqqus/assets/images/defaultpictures/34.png new file mode 100644 index 000000000..bb1835caa Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/34.png differ diff --git a/ruqqus/assets/images/defaultpictures/35.png b/ruqqus/assets/images/defaultpictures/35.png new file mode 100644 index 000000000..f92aaf33b Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/35.png differ diff --git a/ruqqus/assets/images/defaultpictures/36.png b/ruqqus/assets/images/defaultpictures/36.png new file mode 100644 index 000000000..a3d9aa2aa Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/36.png differ diff --git a/ruqqus/assets/images/defaultpictures/37.png b/ruqqus/assets/images/defaultpictures/37.png new file mode 100644 index 000000000..d7793ac86 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/37.png differ diff --git a/ruqqus/assets/images/defaultpictures/38.png b/ruqqus/assets/images/defaultpictures/38.png new file mode 100644 index 000000000..8910ae252 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/38.png differ diff --git a/ruqqus/assets/images/defaultpictures/39.png b/ruqqus/assets/images/defaultpictures/39.png new file mode 100644 index 000000000..25263936b Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/39.png differ diff --git a/ruqqus/assets/images/defaultpictures/4.png b/ruqqus/assets/images/defaultpictures/4.png new file mode 100644 index 000000000..72439035d Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/4.png differ diff --git a/ruqqus/assets/images/defaultpictures/40.png b/ruqqus/assets/images/defaultpictures/40.png new file mode 100644 index 000000000..425f1421b Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/40.png differ diff --git a/ruqqus/assets/images/defaultpictures/41.png b/ruqqus/assets/images/defaultpictures/41.png new file mode 100644 index 000000000..b241d9f20 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/41.png differ diff --git a/ruqqus/assets/images/defaultpictures/42.png b/ruqqus/assets/images/defaultpictures/42.png new file mode 100644 index 000000000..0b35f4c85 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/42.png differ diff --git a/ruqqus/assets/images/defaultpictures/43.png b/ruqqus/assets/images/defaultpictures/43.png new file mode 100644 index 000000000..7e83fce7e Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/43.png differ diff --git a/ruqqus/assets/images/defaultpictures/44.png b/ruqqus/assets/images/defaultpictures/44.png new file mode 100644 index 000000000..fcaed67c8 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/44.png differ diff --git a/ruqqus/assets/images/defaultpictures/45.png b/ruqqus/assets/images/defaultpictures/45.png new file mode 100644 index 000000000..fe61cdad1 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/45.png differ diff --git a/ruqqus/assets/images/defaultpictures/46.png b/ruqqus/assets/images/defaultpictures/46.png new file mode 100644 index 000000000..24d41593e Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/46.png differ diff --git a/ruqqus/assets/images/defaultpictures/47.png b/ruqqus/assets/images/defaultpictures/47.png new file mode 100644 index 000000000..d8aa995ab Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/47.png differ diff --git a/ruqqus/assets/images/defaultpictures/48.png b/ruqqus/assets/images/defaultpictures/48.png new file mode 100644 index 000000000..391ee8f34 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/48.png differ diff --git a/ruqqus/assets/images/defaultpictures/49.png b/ruqqus/assets/images/defaultpictures/49.png new file mode 100644 index 000000000..8122f36d8 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/49.png differ diff --git a/ruqqus/assets/images/defaultpictures/5.png b/ruqqus/assets/images/defaultpictures/5.png new file mode 100644 index 000000000..2f6081f72 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/5.png differ diff --git a/ruqqus/assets/images/defaultpictures/50.png b/ruqqus/assets/images/defaultpictures/50.png new file mode 100644 index 000000000..03264a6a9 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/50.png differ diff --git a/ruqqus/assets/images/defaultpictures/6.png b/ruqqus/assets/images/defaultpictures/6.png new file mode 100644 index 000000000..15464de63 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/6.png differ diff --git a/ruqqus/assets/images/defaultpictures/7.png b/ruqqus/assets/images/defaultpictures/7.png new file mode 100644 index 000000000..e49589163 Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/7.png differ diff --git a/ruqqus/assets/images/defaultpictures/8.png b/ruqqus/assets/images/defaultpictures/8.png new file mode 100644 index 000000000..2d0b35bcd Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/8.png differ diff --git a/ruqqus/assets/images/defaultpictures/9.png b/ruqqus/assets/images/defaultpictures/9.png new file mode 100644 index 000000000..65078aa7b Binary files /dev/null and b/ruqqus/assets/images/defaultpictures/9.png differ diff --git a/ruqqus/assets/images/drama.gif b/ruqqus/assets/images/drama.gif new file mode 100644 index 000000000..334582395 Binary files /dev/null and b/ruqqus/assets/images/drama.gif differ diff --git a/ruqqus/assets/images/dramapreview.png b/ruqqus/assets/images/dramapreview.png new file mode 100644 index 000000000..0b153cfb3 Binary files /dev/null and b/ruqqus/assets/images/dramapreview.png differ diff --git a/ruqqus/assets/images/emojis/2thumbsup.gif b/ruqqus/assets/images/emojis/2thumbsup.gif new file mode 100644 index 000000000..a652a6676 Binary files /dev/null and b/ruqqus/assets/images/emojis/2thumbsup.gif differ diff --git a/ruqqus/assets/images/emojis/D.gif b/ruqqus/assets/images/emojis/D.gif new file mode 100644 index 000000000..0ac728a8c Binary files /dev/null and b/ruqqus/assets/images/emojis/D.gif differ diff --git a/ruqqus/assets/images/emojis/XD.gif b/ruqqus/assets/images/emojis/XD.gif new file mode 100644 index 000000000..58305a17c Binary files /dev/null and b/ruqqus/assets/images/emojis/XD.gif differ diff --git a/ruqqus/assets/images/emojis/abusivewife.gif b/ruqqus/assets/images/emojis/abusivewife.gif new file mode 100644 index 000000000..08ee2ae5c Binary files /dev/null and b/ruqqus/assets/images/emojis/abusivewife.gif differ diff --git a/ruqqus/assets/images/emojis/aliendj.gif b/ruqqus/assets/images/emojis/aliendj.gif new file mode 100644 index 000000000..400c8d8c3 Binary files /dev/null and b/ruqqus/assets/images/emojis/aliendj.gif differ diff --git a/ruqqus/assets/images/emojis/ambulance.gif b/ruqqus/assets/images/emojis/ambulance.gif new file mode 100644 index 000000000..127ffc8d4 Binary files /dev/null and b/ruqqus/assets/images/emojis/ambulance.gif differ diff --git a/ruqqus/assets/images/emojis/ancap.gif b/ruqqus/assets/images/emojis/ancap.gif new file mode 100644 index 000000000..37b1e5107 Binary files /dev/null and b/ruqqus/assets/images/emojis/ancap.gif differ diff --git a/ruqqus/assets/images/emojis/angry.gif b/ruqqus/assets/images/emojis/angry.gif new file mode 100644 index 000000000..08b5bda7b Binary files /dev/null and b/ruqqus/assets/images/emojis/angry.gif differ diff --git a/ruqqus/assets/images/emojis/angrywhip.gif b/ruqqus/assets/images/emojis/angrywhip.gif new file mode 100644 index 000000000..059ff58e2 Binary files /dev/null and b/ruqqus/assets/images/emojis/angrywhip.gif differ diff --git a/ruqqus/assets/images/emojis/animesexual.gif b/ruqqus/assets/images/emojis/animesexual.gif new file mode 100644 index 000000000..5d681f557 Binary files /dev/null and b/ruqqus/assets/images/emojis/animesexual.gif differ diff --git a/ruqqus/assets/images/emojis/argue.gif b/ruqqus/assets/images/emojis/argue.gif new file mode 100644 index 000000000..c579fa4d1 Binary files /dev/null and b/ruqqus/assets/images/emojis/argue.gif differ diff --git a/ruqqus/assets/images/emojis/aroused.gif b/ruqqus/assets/images/emojis/aroused.gif new file mode 100644 index 000000000..3d4f065d8 Binary files /dev/null and b/ruqqus/assets/images/emojis/aroused.gif differ diff --git a/ruqqus/assets/images/emojis/ashamed.gif b/ruqqus/assets/images/emojis/ashamed.gif new file mode 100644 index 000000000..5d7f33cf3 Binary files /dev/null and b/ruqqus/assets/images/emojis/ashamed.gif differ diff --git a/ruqqus/assets/images/emojis/badass.gif b/ruqqus/assets/images/emojis/badass.gif new file mode 100644 index 000000000..4e8b31ccc Binary files /dev/null and b/ruqqus/assets/images/emojis/badass.gif differ diff --git a/ruqqus/assets/images/emojis/banana.gif b/ruqqus/assets/images/emojis/banana.gif new file mode 100644 index 000000000..00766f865 Binary files /dev/null and b/ruqqus/assets/images/emojis/banana.gif differ diff --git a/ruqqus/assets/images/emojis/band.gif b/ruqqus/assets/images/emojis/band.gif new file mode 100644 index 000000000..83aa95869 Binary files /dev/null and b/ruqqus/assets/images/emojis/band.gif differ diff --git a/ruqqus/assets/images/emojis/banghead.gif b/ruqqus/assets/images/emojis/banghead.gif new file mode 100644 index 000000000..37b73e5c1 Binary files /dev/null and b/ruqqus/assets/images/emojis/banghead.gif differ diff --git a/ruqqus/assets/images/emojis/bardfinn.gif b/ruqqus/assets/images/emojis/bardfinn.gif new file mode 100644 index 000000000..7d3d5e9ce Binary files /dev/null and b/ruqqus/assets/images/emojis/bardfinn.gif differ diff --git a/ruqqus/assets/images/emojis/batman.gif b/ruqqus/assets/images/emojis/batman.gif new file mode 100644 index 000000000..34538e0fa Binary files /dev/null and b/ruqqus/assets/images/emojis/batman.gif differ diff --git a/ruqqus/assets/images/emojis/bigeyes.gif b/ruqqus/assets/images/emojis/bigeyes.gif new file mode 100644 index 000000000..78acb66ac Binary files /dev/null and b/ruqqus/assets/images/emojis/bigeyes.gif differ diff --git a/ruqqus/assets/images/emojis/bitchplease.gif b/ruqqus/assets/images/emojis/bitchplease.gif new file mode 100644 index 000000000..cbe4bfd8c Binary files /dev/null and b/ruqqus/assets/images/emojis/bitchplease.gif differ diff --git a/ruqqus/assets/images/emojis/bite.gif b/ruqqus/assets/images/emojis/bite.gif new file mode 100644 index 000000000..b7eedd0dc Binary files /dev/null and b/ruqqus/assets/images/emojis/bite.gif differ diff --git a/ruqqus/assets/images/emojis/blacknation.gif b/ruqqus/assets/images/emojis/blacknation.gif new file mode 100644 index 000000000..391f165c5 Binary files /dev/null and b/ruqqus/assets/images/emojis/blacknation.gif differ diff --git a/ruqqus/assets/images/emojis/blind.gif b/ruqqus/assets/images/emojis/blind.gif new file mode 100644 index 000000000..dbfb4d8ca Binary files /dev/null and b/ruqqus/assets/images/emojis/blind.gif differ diff --git a/ruqqus/assets/images/emojis/blm.gif b/ruqqus/assets/images/emojis/blm.gif new file mode 100644 index 000000000..b9d21c419 Binary files /dev/null and b/ruqqus/assets/images/emojis/blm.gif differ diff --git a/ruqqus/assets/images/emojis/bloomer.gif b/ruqqus/assets/images/emojis/bloomer.gif new file mode 100644 index 000000000..eba542514 Binary files /dev/null and b/ruqqus/assets/images/emojis/bloomer.gif differ diff --git a/ruqqus/assets/images/emojis/blowkiss.gif b/ruqqus/assets/images/emojis/blowkiss.gif new file mode 100644 index 000000000..fad790fcb Binary files /dev/null and b/ruqqus/assets/images/emojis/blowkiss.gif differ diff --git a/ruqqus/assets/images/emojis/blueline.gif b/ruqqus/assets/images/emojis/blueline.gif new file mode 100644 index 000000000..e82ac4719 Binary files /dev/null and b/ruqqus/assets/images/emojis/blueline.gif differ diff --git a/ruqqus/assets/images/emojis/blush.gif b/ruqqus/assets/images/emojis/blush.gif new file mode 100644 index 000000000..83c218efe Binary files /dev/null and b/ruqqus/assets/images/emojis/blush.gif differ diff --git a/ruqqus/assets/images/emojis/bong.gif b/ruqqus/assets/images/emojis/bong.gif new file mode 100644 index 000000000..493ad2faf Binary files /dev/null and b/ruqqus/assets/images/emojis/bong.gif differ diff --git a/ruqqus/assets/images/emojis/boomer.gif b/ruqqus/assets/images/emojis/boomer.gif new file mode 100644 index 000000000..63c9ccfdf Binary files /dev/null and b/ruqqus/assets/images/emojis/boomer.gif differ diff --git a/ruqqus/assets/images/emojis/boomermonster.gif b/ruqqus/assets/images/emojis/boomermonster.gif new file mode 100644 index 000000000..36d6d401e Binary files /dev/null and b/ruqqus/assets/images/emojis/boomermonster.gif differ diff --git a/ruqqus/assets/images/emojis/bounce.gif b/ruqqus/assets/images/emojis/bounce.gif new file mode 100644 index 000000000..c28569c80 Binary files /dev/null and b/ruqqus/assets/images/emojis/bounce.gif differ diff --git a/ruqqus/assets/images/emojis/bow.gif b/ruqqus/assets/images/emojis/bow.gif new file mode 100644 index 000000000..2f02a03f9 Binary files /dev/null and b/ruqqus/assets/images/emojis/bow.gif differ diff --git a/ruqqus/assets/images/emojis/brainletbush.gif b/ruqqus/assets/images/emojis/brainletbush.gif new file mode 100644 index 000000000..df7fce557 Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletbush.gif differ diff --git a/ruqqus/assets/images/emojis/brainletcaved.gif b/ruqqus/assets/images/emojis/brainletcaved.gif new file mode 100644 index 000000000..7a71d60a7 Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletcaved.gif differ diff --git a/ruqqus/assets/images/emojis/brainletchair.gif b/ruqqus/assets/images/emojis/brainletchair.gif new file mode 100644 index 000000000..07d36af43 Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletchair.gif differ diff --git a/ruqqus/assets/images/emojis/brainletchest.gif b/ruqqus/assets/images/emojis/brainletchest.gif new file mode 100644 index 000000000..3dfc28a83 Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletchest.gif differ diff --git a/ruqqus/assets/images/emojis/brainletmaga.gif b/ruqqus/assets/images/emojis/brainletmaga.gif new file mode 100644 index 000000000..aae73b500 Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletmaga.gif differ diff --git a/ruqqus/assets/images/emojis/brainletpit.gif b/ruqqus/assets/images/emojis/brainletpit.gif new file mode 100644 index 000000000..a0371f29a Binary files /dev/null and b/ruqqus/assets/images/emojis/brainletpit.gif differ diff --git a/ruqqus/assets/images/emojis/breakheart.gif b/ruqqus/assets/images/emojis/breakheart.gif new file mode 100644 index 000000000..131d65bc7 Binary files /dev/null and b/ruqqus/assets/images/emojis/breakheart.gif differ diff --git a/ruqqus/assets/images/emojis/bs.gif b/ruqqus/assets/images/emojis/bs.gif new file mode 100644 index 000000000..cb22be60f Binary files /dev/null and b/ruqqus/assets/images/emojis/bs.gif differ diff --git a/ruqqus/assets/images/emojis/cartwheel.gif b/ruqqus/assets/images/emojis/cartwheel.gif new file mode 100644 index 000000000..e21bd83eb Binary files /dev/null and b/ruqqus/assets/images/emojis/cartwheel.gif differ diff --git a/ruqqus/assets/images/emojis/cat.gif b/ruqqus/assets/images/emojis/cat.gif new file mode 100644 index 000000000..2bf72a431 Binary files /dev/null and b/ruqqus/assets/images/emojis/cat.gif differ diff --git a/ruqqus/assets/images/emojis/celebrate.gif b/ruqqus/assets/images/emojis/celebrate.gif new file mode 100644 index 000000000..2acf290a4 Binary files /dev/null and b/ruqqus/assets/images/emojis/celebrate.gif differ diff --git a/ruqqus/assets/images/emojis/cerealguypart2.gif b/ruqqus/assets/images/emojis/cerealguypart2.gif new file mode 100644 index 000000000..730ab407c Binary files /dev/null and b/ruqqus/assets/images/emojis/cerealguypart2.gif differ diff --git a/ruqqus/assets/images/emojis/chad.gif b/ruqqus/assets/images/emojis/chad.gif new file mode 100644 index 000000000..fe319e3b5 Binary files /dev/null and b/ruqqus/assets/images/emojis/chad.gif differ diff --git a/ruqqus/assets/images/emojis/chadarab.gif b/ruqqus/assets/images/emojis/chadarab.gif new file mode 100644 index 000000000..2d42dfd12 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadarab.gif differ diff --git a/ruqqus/assets/images/emojis/chadasian.gif b/ruqqus/assets/images/emojis/chadasian.gif new file mode 100644 index 000000000..aacf0d2a8 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadasian.gif differ diff --git a/ruqqus/assets/images/emojis/chadblack.gif b/ruqqus/assets/images/emojis/chadblack.gif new file mode 100644 index 000000000..b1ab1edb7 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadblack.gif differ diff --git a/ruqqus/assets/images/emojis/chadjesus.gif b/ruqqus/assets/images/emojis/chadjesus.gif new file mode 100644 index 000000000..e42ef8ec3 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadjesus.gif differ diff --git a/ruqqus/assets/images/emojis/chadjew.gif b/ruqqus/assets/images/emojis/chadjew.gif new file mode 100644 index 000000000..9a59d2876 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadjew.gif differ diff --git a/ruqqus/assets/images/emojis/chadjihadi.gif b/ruqqus/assets/images/emojis/chadjihadi.gif new file mode 100644 index 000000000..24440adbb Binary files /dev/null and b/ruqqus/assets/images/emojis/chadjihadi.gif differ diff --git a/ruqqus/assets/images/emojis/chadlatino.gif b/ruqqus/assets/images/emojis/chadlatino.gif new file mode 100644 index 000000000..3072b15d4 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadlatino.gif differ diff --git a/ruqqus/assets/images/emojis/chadlibleft.gif b/ruqqus/assets/images/emojis/chadlibleft.gif new file mode 100644 index 000000000..a36d0cc24 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadlibleft.gif differ diff --git a/ruqqus/assets/images/emojis/chadnordic.gif b/ruqqus/assets/images/emojis/chadnordic.gif new file mode 100644 index 000000000..d24011b58 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadnordic.gif differ diff --git a/ruqqus/assets/images/emojis/chadsikh.gif b/ruqqus/assets/images/emojis/chadsikh.gif new file mode 100644 index 000000000..28ae09b51 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadsikh.gif differ diff --git a/ruqqus/assets/images/emojis/chadusa.gif b/ruqqus/assets/images/emojis/chadusa.gif new file mode 100644 index 000000000..0176ad8c6 Binary files /dev/null and b/ruqqus/assets/images/emojis/chadusa.gif differ diff --git a/ruqqus/assets/images/emojis/chainsaw.gif b/ruqqus/assets/images/emojis/chainsaw.gif new file mode 100644 index 000000000..ca2e66930 Binary files /dev/null and b/ruqqus/assets/images/emojis/chainsaw.gif differ diff --git a/ruqqus/assets/images/emojis/challengeaccepted.gif b/ruqqus/assets/images/emojis/challengeaccepted.gif new file mode 100644 index 000000000..1c78d3e51 Binary files /dev/null and b/ruqqus/assets/images/emojis/challengeaccepted.gif differ diff --git a/ruqqus/assets/images/emojis/cheers.gif b/ruqqus/assets/images/emojis/cheers.gif new file mode 100644 index 000000000..7602c4436 Binary files /dev/null and b/ruqqus/assets/images/emojis/cheers.gif differ diff --git a/ruqqus/assets/images/emojis/clap.gif b/ruqqus/assets/images/emojis/clap.gif new file mode 100644 index 000000000..e64a1620a Binary files /dev/null and b/ruqqus/assets/images/emojis/clap.gif differ diff --git a/ruqqus/assets/images/emojis/cold.gif b/ruqqus/assets/images/emojis/cold.gif new file mode 100644 index 000000000..67567a138 Binary files /dev/null and b/ruqqus/assets/images/emojis/cold.gif differ diff --git a/ruqqus/assets/images/emojis/confused.gif b/ruqqus/assets/images/emojis/confused.gif new file mode 100644 index 000000000..01a24b354 Binary files /dev/null and b/ruqqus/assets/images/emojis/confused.gif differ diff --git a/ruqqus/assets/images/emojis/contentiouscereal.gif b/ruqqus/assets/images/emojis/contentiouscereal.gif new file mode 100644 index 000000000..4e361289f Binary files /dev/null and b/ruqqus/assets/images/emojis/contentiouscereal.gif differ diff --git a/ruqqus/assets/images/emojis/coomer.gif b/ruqqus/assets/images/emojis/coomer.gif new file mode 100644 index 000000000..c98938c69 Binary files /dev/null and b/ruqqus/assets/images/emojis/coomer.gif differ diff --git a/ruqqus/assets/images/emojis/crazyeyes.gif b/ruqqus/assets/images/emojis/crazyeyes.gif new file mode 100644 index 000000000..cb88a531b Binary files /dev/null and b/ruqqus/assets/images/emojis/crazyeyes.gif differ diff --git a/ruqqus/assets/images/emojis/cry.gif b/ruqqus/assets/images/emojis/cry.gif new file mode 100644 index 000000000..697c0a1b6 Binary files /dev/null and b/ruqqus/assets/images/emojis/cry.gif differ diff --git a/ruqqus/assets/images/emojis/cryingatcuteness.gif b/ruqqus/assets/images/emojis/cryingatcuteness.gif new file mode 100644 index 000000000..3d6e89459 Binary files /dev/null and b/ruqqus/assets/images/emojis/cryingatcuteness.gif differ diff --git a/ruqqus/assets/images/emojis/cthulhu.gif b/ruqqus/assets/images/emojis/cthulhu.gif new file mode 100644 index 000000000..ce128fefa Binary files /dev/null and b/ruqqus/assets/images/emojis/cthulhu.gif differ diff --git a/ruqqus/assets/images/emojis/cute.gif b/ruqqus/assets/images/emojis/cute.gif new file mode 100644 index 000000000..a8633acce Binary files /dev/null and b/ruqqus/assets/images/emojis/cute.gif differ diff --git a/ruqqus/assets/images/emojis/daydream.gif b/ruqqus/assets/images/emojis/daydream.gif new file mode 100644 index 000000000..e89eb8def Binary files /dev/null and b/ruqqus/assets/images/emojis/daydream.gif differ diff --git a/ruqqus/assets/images/emojis/ddr.gif b/ruqqus/assets/images/emojis/ddr.gif new file mode 100644 index 000000000..c1ff6291b Binary files /dev/null and b/ruqqus/assets/images/emojis/ddr.gif differ diff --git a/ruqqus/assets/images/emojis/deadpool.gif b/ruqqus/assets/images/emojis/deadpool.gif new file mode 100644 index 000000000..646953975 Binary files /dev/null and b/ruqqus/assets/images/emojis/deadpool.gif differ diff --git a/ruqqus/assets/images/emojis/derp.gif b/ruqqus/assets/images/emojis/derp.gif new file mode 100644 index 000000000..8e203f112 Binary files /dev/null and b/ruqqus/assets/images/emojis/derp.gif differ diff --git a/ruqqus/assets/images/emojis/derpcornsyrup.gif b/ruqqus/assets/images/emojis/derpcornsyrup.gif new file mode 100644 index 000000000..ada4b904e Binary files /dev/null and b/ruqqus/assets/images/emojis/derpcornsyrup.gif differ diff --git a/ruqqus/assets/images/emojis/derpcrying.gif b/ruqqus/assets/images/emojis/derpcrying.gif new file mode 100644 index 000000000..0aa5b2a7c Binary files /dev/null and b/ruqqus/assets/images/emojis/derpcrying.gif differ diff --git a/ruqqus/assets/images/emojis/derpcute.gif b/ruqqus/assets/images/emojis/derpcute.gif new file mode 100644 index 000000000..4b3634268 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpcute.gif differ diff --git a/ruqqus/assets/images/emojis/derpdumb.gif b/ruqqus/assets/images/emojis/derpdumb.gif new file mode 100644 index 000000000..4ae569791 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpdumb.gif differ diff --git a/ruqqus/assets/images/emojis/derpeuphoria.gif b/ruqqus/assets/images/emojis/derpeuphoria.gif new file mode 100644 index 000000000..02f2af711 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpeuphoria.gif differ diff --git a/ruqqus/assets/images/emojis/derpinahd.gif b/ruqqus/assets/images/emojis/derpinahd.gif new file mode 100644 index 000000000..b85bc67f9 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpinahd.gif differ diff --git a/ruqqus/assets/images/emojis/derpinapokerface.gif b/ruqqus/assets/images/emojis/derpinapokerface.gif new file mode 100644 index 000000000..b0d1d851f Binary files /dev/null and b/ruqqus/assets/images/emojis/derpinapokerface.gif differ diff --git a/ruqqus/assets/images/emojis/derpinasnickering.gif b/ruqqus/assets/images/emojis/derpinasnickering.gif new file mode 100644 index 000000000..ee4c254fe Binary files /dev/null and b/ruqqus/assets/images/emojis/derpinasnickering.gif differ diff --git a/ruqqus/assets/images/emojis/derpprocessing.gif b/ruqqus/assets/images/emojis/derpprocessing.gif new file mode 100644 index 000000000..6ed343930 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpprocessing.gif differ diff --git a/ruqqus/assets/images/emojis/derprealization.gif b/ruqqus/assets/images/emojis/derprealization.gif new file mode 100644 index 000000000..695190799 Binary files /dev/null and b/ruqqus/assets/images/emojis/derprealization.gif differ diff --git a/ruqqus/assets/images/emojis/derpsnickering.gif b/ruqqus/assets/images/emojis/derpsnickering.gif new file mode 100644 index 000000000..f6cf8b170 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpsnickering.gif differ diff --git a/ruqqus/assets/images/emojis/derptalking.gif b/ruqqus/assets/images/emojis/derptalking.gif new file mode 100644 index 000000000..ee9d7c10e Binary files /dev/null and b/ruqqus/assets/images/emojis/derptalking.gif differ diff --git a/ruqqus/assets/images/emojis/derpthinking.gif b/ruqqus/assets/images/emojis/derpthinking.gif new file mode 100644 index 000000000..99b3842fa Binary files /dev/null and b/ruqqus/assets/images/emojis/derpthinking.gif differ diff --git a/ruqqus/assets/images/emojis/derpthumbsup.gif b/ruqqus/assets/images/emojis/derpthumbsup.gif new file mode 100644 index 000000000..2ea199d83 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpthumbsup.gif differ diff --git a/ruqqus/assets/images/emojis/derpunimpressed.gif b/ruqqus/assets/images/emojis/derpunimpressed.gif new file mode 100644 index 000000000..c4729d96f Binary files /dev/null and b/ruqqus/assets/images/emojis/derpunimpressed.gif differ diff --git a/ruqqus/assets/images/emojis/derpwhy.gif b/ruqqus/assets/images/emojis/derpwhy.gif new file mode 100644 index 000000000..b58d0bb00 Binary files /dev/null and b/ruqqus/assets/images/emojis/derpwhy.gif differ diff --git a/ruqqus/assets/images/emojis/devilsmile.gif b/ruqqus/assets/images/emojis/devilsmile.gif new file mode 100644 index 000000000..8c386ebfc Binary files /dev/null and b/ruqqus/assets/images/emojis/devilsmile.gif differ diff --git a/ruqqus/assets/images/emojis/diddle.gif b/ruqqus/assets/images/emojis/diddle.gif new file mode 100644 index 000000000..6ab74996d Binary files /dev/null and b/ruqqus/assets/images/emojis/diddle.gif differ diff --git a/ruqqus/assets/images/emojis/die.gif b/ruqqus/assets/images/emojis/die.gif new file mode 100644 index 000000000..dd0d55fa4 Binary files /dev/null and b/ruqqus/assets/images/emojis/die.gif differ diff --git a/ruqqus/assets/images/emojis/distress.gif b/ruqqus/assets/images/emojis/distress.gif new file mode 100644 index 000000000..bb28be7de Binary files /dev/null and b/ruqqus/assets/images/emojis/distress.gif differ diff --git a/ruqqus/assets/images/emojis/disturbing.gif b/ruqqus/assets/images/emojis/disturbing.gif new file mode 100644 index 000000000..9160c50fc Binary files /dev/null and b/ruqqus/assets/images/emojis/disturbing.gif differ diff --git a/ruqqus/assets/images/emojis/dizzy.gif b/ruqqus/assets/images/emojis/dizzy.gif new file mode 100644 index 000000000..476e5885b Binary files /dev/null and b/ruqqus/assets/images/emojis/dizzy.gif differ diff --git a/ruqqus/assets/images/emojis/domo.gif b/ruqqus/assets/images/emojis/domo.gif new file mode 100644 index 000000000..7f5cfa9db Binary files /dev/null and b/ruqqus/assets/images/emojis/domo.gif differ diff --git a/ruqqus/assets/images/emojis/donotwant.gif b/ruqqus/assets/images/emojis/donotwant.gif new file mode 100644 index 000000000..fa12dcff6 Binary files /dev/null and b/ruqqus/assets/images/emojis/donotwant.gif differ diff --git a/ruqqus/assets/images/emojis/doomer.gif b/ruqqus/assets/images/emojis/doomer.gif new file mode 100644 index 000000000..3a235f8bf Binary files /dev/null and b/ruqqus/assets/images/emojis/doomer.gif differ diff --git a/ruqqus/assets/images/emojis/doomerfront.gif b/ruqqus/assets/images/emojis/doomerfront.gif new file mode 100644 index 000000000..f7977f4be Binary files /dev/null and b/ruqqus/assets/images/emojis/doomerfront.gif differ diff --git a/ruqqus/assets/images/emojis/doomergirl.gif b/ruqqus/assets/images/emojis/doomergirl.gif new file mode 100644 index 000000000..c08d6b6e1 Binary files /dev/null and b/ruqqus/assets/images/emojis/doomergirl.gif differ diff --git a/ruqqus/assets/images/emojis/doughboy.gif b/ruqqus/assets/images/emojis/doughboy.gif new file mode 100644 index 000000000..d5f48ad80 Binary files /dev/null and b/ruqqus/assets/images/emojis/doughboy.gif differ diff --git a/ruqqus/assets/images/emojis/dreamgender.gif b/ruqqus/assets/images/emojis/dreamgender.gif new file mode 100644 index 000000000..4f7233d76 Binary files /dev/null and b/ruqqus/assets/images/emojis/dreamgender.gif differ diff --git a/ruqqus/assets/images/emojis/drink.gif b/ruqqus/assets/images/emojis/drink.gif new file mode 100644 index 000000000..ea540a8ad Binary files /dev/null and b/ruqqus/assets/images/emojis/drink.gif differ diff --git a/ruqqus/assets/images/emojis/drool.gif b/ruqqus/assets/images/emojis/drool.gif new file mode 100644 index 000000000..8060dab77 Binary files /dev/null and b/ruqqus/assets/images/emojis/drool.gif differ diff --git a/ruqqus/assets/images/emojis/dudeweedlmao.gif b/ruqqus/assets/images/emojis/dudeweedlmao.gif new file mode 100644 index 000000000..3774616b6 Binary files /dev/null and b/ruqqus/assets/images/emojis/dudeweedlmao.gif differ diff --git a/ruqqus/assets/images/emojis/edward.gif b/ruqqus/assets/images/emojis/edward.gif new file mode 100644 index 000000000..2f3c56c5b Binary files /dev/null and b/ruqqus/assets/images/emojis/edward.gif differ diff --git a/ruqqus/assets/images/emojis/electro.gif b/ruqqus/assets/images/emojis/electro.gif new file mode 100644 index 000000000..766452380 Binary files /dev/null and b/ruqqus/assets/images/emojis/electro.gif differ diff --git a/ruqqus/assets/images/emojis/elephant.gif b/ruqqus/assets/images/emojis/elephant.gif new file mode 100644 index 000000000..5d0b222ce Binary files /dev/null and b/ruqqus/assets/images/emojis/elephant.gif differ diff --git a/ruqqus/assets/images/emojis/embarrassed.gif b/ruqqus/assets/images/emojis/embarrassed.gif new file mode 100644 index 000000000..c529f2521 Binary files /dev/null and b/ruqqus/assets/images/emojis/embarrassed.gif differ diff --git a/ruqqus/assets/images/emojis/emo.gif b/ruqqus/assets/images/emojis/emo.gif new file mode 100644 index 000000000..92421b932 Binary files /dev/null and b/ruqqus/assets/images/emojis/emo.gif differ diff --git a/ruqqus/assets/images/emojis/emo2.gif b/ruqqus/assets/images/emojis/emo2.gif new file mode 100644 index 000000000..6ab5f9656 Binary files /dev/null and b/ruqqus/assets/images/emojis/emo2.gif differ diff --git a/ruqqus/assets/images/emojis/epicfacefeatures.gif b/ruqqus/assets/images/emojis/epicfacefeatures.gif new file mode 100644 index 000000000..ba5607881 Binary files /dev/null and b/ruqqus/assets/images/emojis/epicfacefeatures.gif differ diff --git a/ruqqus/assets/images/emojis/ethot.gif b/ruqqus/assets/images/emojis/ethot.gif new file mode 100644 index 000000000..0b514f65e Binary files /dev/null and b/ruqqus/assets/images/emojis/ethot.gif differ diff --git a/ruqqus/assets/images/emojis/evil.gif b/ruqqus/assets/images/emojis/evil.gif new file mode 100644 index 000000000..983c209b2 Binary files /dev/null and b/ruqqus/assets/images/emojis/evil.gif differ diff --git a/ruqqus/assets/images/emojis/evilclown.gif b/ruqqus/assets/images/emojis/evilclown.gif new file mode 100644 index 000000000..cf5ae3e46 Binary files /dev/null and b/ruqqus/assets/images/emojis/evilclown.gif differ diff --git a/ruqqus/assets/images/emojis/evilgrin.gif b/ruqqus/assets/images/emojis/evilgrin.gif new file mode 100644 index 000000000..88aef1685 Binary files /dev/null and b/ruqqus/assets/images/emojis/evilgrin.gif differ diff --git a/ruqqus/assets/images/emojis/facepalm.gif b/ruqqus/assets/images/emojis/facepalm.gif new file mode 100644 index 000000000..8a094bdff Binary files /dev/null and b/ruqqus/assets/images/emojis/facepalm.gif differ diff --git a/ruqqus/assets/images/emojis/fancywithwine.gif b/ruqqus/assets/images/emojis/fancywithwine.gif new file mode 100644 index 000000000..a82c2bdd4 Binary files /dev/null and b/ruqqus/assets/images/emojis/fancywithwine.gif differ diff --git a/ruqqus/assets/images/emojis/fap.gif b/ruqqus/assets/images/emojis/fap.gif new file mode 100644 index 000000000..a7943f850 Binary files /dev/null and b/ruqqus/assets/images/emojis/fap.gif differ diff --git a/ruqqus/assets/images/emojis/fatbrain.gif b/ruqqus/assets/images/emojis/fatbrain.gif new file mode 100644 index 000000000..6fea68352 Binary files /dev/null and b/ruqqus/assets/images/emojis/fatbrain.gif differ diff --git a/ruqqus/assets/images/emojis/fatpride.gif b/ruqqus/assets/images/emojis/fatpride.gif new file mode 100644 index 000000000..3c6ea11d3 Binary files /dev/null and b/ruqqus/assets/images/emojis/fatpride.gif differ diff --git a/ruqqus/assets/images/emojis/fatpriest.gif b/ruqqus/assets/images/emojis/fatpriest.gif new file mode 100644 index 000000000..03f125f69 Binary files /dev/null and b/ruqqus/assets/images/emojis/fatpriest.gif differ diff --git a/ruqqus/assets/images/emojis/femboy.gif b/ruqqus/assets/images/emojis/femboy.gif new file mode 100644 index 000000000..89493afb9 Binary files /dev/null and b/ruqqus/assets/images/emojis/femboy.gif differ diff --git a/ruqqus/assets/images/emojis/fffffffuuuuuuuuuuuu.gif b/ruqqus/assets/images/emojis/fffffffuuuuuuuuuuuu.gif new file mode 100644 index 000000000..6484ffb20 Binary files /dev/null and b/ruqqus/assets/images/emojis/fffffffuuuuuuuuuuuu.gif differ diff --git a/ruqqus/assets/images/emojis/flamethrower.gif b/ruqqus/assets/images/emojis/flamethrower.gif new file mode 100644 index 000000000..cf50e4690 Binary files /dev/null and b/ruqqus/assets/images/emojis/flamethrower.gif differ diff --git a/ruqqus/assets/images/emojis/flipbird.gif b/ruqqus/assets/images/emojis/flipbird.gif new file mode 100644 index 000000000..383125c76 Binary files /dev/null and b/ruqqus/assets/images/emojis/flipbird.gif differ diff --git a/ruqqus/assets/images/emojis/flipthetable.gif b/ruqqus/assets/images/emojis/flipthetable.gif new file mode 100644 index 000000000..0db642f2c Binary files /dev/null and b/ruqqus/assets/images/emojis/flipthetable.gif differ diff --git a/ruqqus/assets/images/emojis/flirt.gif b/ruqqus/assets/images/emojis/flirt.gif new file mode 100644 index 000000000..05de60c4c Binary files /dev/null and b/ruqqus/assets/images/emojis/flirt.gif differ diff --git a/ruqqus/assets/images/emojis/foreveralone.gif b/ruqqus/assets/images/emojis/foreveralone.gif new file mode 100644 index 000000000..4d770e5b4 Binary files /dev/null and b/ruqqus/assets/images/emojis/foreveralone.gif differ diff --git a/ruqqus/assets/images/emojis/foreveralonehappy.gif b/ruqqus/assets/images/emojis/foreveralonehappy.gif new file mode 100644 index 000000000..7a2be02b1 Binary files /dev/null and b/ruqqus/assets/images/emojis/foreveralonehappy.gif differ diff --git a/ruqqus/assets/images/emojis/frown.gif b/ruqqus/assets/images/emojis/frown.gif new file mode 100644 index 000000000..55ceeb497 Binary files /dev/null and b/ruqqus/assets/images/emojis/frown.gif differ diff --git a/ruqqus/assets/images/emojis/gasp.gif b/ruqqus/assets/images/emojis/gasp.gif new file mode 100644 index 000000000..fff268f8a Binary files /dev/null and b/ruqqus/assets/images/emojis/gasp.gif differ diff --git a/ruqqus/assets/images/emojis/glomp.gif b/ruqqus/assets/images/emojis/glomp.gif new file mode 100644 index 000000000..c8d578f43 Binary files /dev/null and b/ruqqus/assets/images/emojis/glomp.gif differ diff --git a/ruqqus/assets/images/emojis/go.gif b/ruqqus/assets/images/emojis/go.gif new file mode 100644 index 000000000..62a09254e Binary files /dev/null and b/ruqqus/assets/images/emojis/go.gif differ diff --git a/ruqqus/assets/images/emojis/gogetter.gif b/ruqqus/assets/images/emojis/gogetter.gif new file mode 100644 index 000000000..4b11aa61a Binary files /dev/null and b/ruqqus/assets/images/emojis/gogetter.gif differ diff --git a/ruqqus/assets/images/emojis/gooby.gif b/ruqqus/assets/images/emojis/gooby.gif new file mode 100644 index 000000000..935454957 Binary files /dev/null and b/ruqqus/assets/images/emojis/gooby.gif differ diff --git a/ruqqus/assets/images/emojis/grr.gif b/ruqqus/assets/images/emojis/grr.gif new file mode 100644 index 000000000..09c3507d2 Binary files /dev/null and b/ruqqus/assets/images/emojis/grr.gif differ diff --git a/ruqqus/assets/images/emojis/grug.gif b/ruqqus/assets/images/emojis/grug.gif new file mode 100644 index 000000000..a795021a2 Binary files /dev/null and b/ruqqus/assets/images/emojis/grug.gif differ diff --git a/ruqqus/assets/images/emojis/gtfo.gif b/ruqqus/assets/images/emojis/gtfo.gif new file mode 100644 index 000000000..fccc60d18 Binary files /dev/null and b/ruqqus/assets/images/emojis/gtfo.gif differ diff --git a/ruqqus/assets/images/emojis/guitar.gif b/ruqqus/assets/images/emojis/guitar.gif new file mode 100644 index 000000000..496372a95 Binary files /dev/null and b/ruqqus/assets/images/emojis/guitar.gif differ diff --git a/ruqqus/assets/images/emojis/haha.gif b/ruqqus/assets/images/emojis/haha.gif new file mode 100644 index 000000000..bf491df05 Binary files /dev/null and b/ruqqus/assets/images/emojis/haha.gif differ diff --git a/ruqqus/assets/images/emojis/handshake.gif b/ruqqus/assets/images/emojis/handshake.gif new file mode 100644 index 000000000..4e90eda20 Binary files /dev/null and b/ruqqus/assets/images/emojis/handshake.gif differ diff --git a/ruqqus/assets/images/emojis/happydance.gif b/ruqqus/assets/images/emojis/happydance.gif new file mode 100644 index 000000000..a13466706 Binary files /dev/null and b/ruqqus/assets/images/emojis/happydance.gif differ diff --git a/ruqqus/assets/images/emojis/headbang.gif b/ruqqus/assets/images/emojis/headbang.gif new file mode 100644 index 000000000..fb3bc2038 Binary files /dev/null and b/ruqqus/assets/images/emojis/headbang.gif differ diff --git a/ruqqus/assets/images/emojis/heart.gif b/ruqqus/assets/images/emojis/heart.gif new file mode 100644 index 000000000..b63b61066 Binary files /dev/null and b/ruqqus/assets/images/emojis/heart.gif differ diff --git a/ruqqus/assets/images/emojis/heartbeat.gif b/ruqqus/assets/images/emojis/heartbeat.gif new file mode 100644 index 000000000..b7eeac5a9 Binary files /dev/null and b/ruqqus/assets/images/emojis/heartbeat.gif differ diff --git a/ruqqus/assets/images/emojis/hearts.gif b/ruqqus/assets/images/emojis/hearts.gif new file mode 100644 index 000000000..636d8d2a0 Binary files /dev/null and b/ruqqus/assets/images/emojis/hearts.gif differ diff --git a/ruqqus/assets/images/emojis/hewillnever.gif b/ruqqus/assets/images/emojis/hewillnever.gif new file mode 100644 index 000000000..ba235251c Binary files /dev/null and b/ruqqus/assets/images/emojis/hewillnever.gif differ diff --git a/ruqqus/assets/images/emojis/highfive.gif b/ruqqus/assets/images/emojis/highfive.gif new file mode 100644 index 000000000..f8a28fc8b Binary files /dev/null and b/ruqqus/assets/images/emojis/highfive.gif differ diff --git a/ruqqus/assets/images/emojis/hmm.gif b/ruqqus/assets/images/emojis/hmm.gif new file mode 100644 index 000000000..c40b01107 Binary files /dev/null and b/ruqqus/assets/images/emojis/hmm.gif differ diff --git a/ruqqus/assets/images/emojis/hmph.gif b/ruqqus/assets/images/emojis/hmph.gif new file mode 100644 index 000000000..1b0c8f41b Binary files /dev/null and b/ruqqus/assets/images/emojis/hmph.gif differ diff --git a/ruqqus/assets/images/emojis/holdhands.gif b/ruqqus/assets/images/emojis/holdhands.gif new file mode 100644 index 000000000..b14312e78 Binary files /dev/null and b/ruqqus/assets/images/emojis/holdhands.gif differ diff --git a/ruqqus/assets/images/emojis/horny.gif b/ruqqus/assets/images/emojis/horny.gif new file mode 100644 index 000000000..8f7fb6b60 Binary files /dev/null and b/ruqqus/assets/images/emojis/horny.gif differ diff --git a/ruqqus/assets/images/emojis/hug.gif b/ruqqus/assets/images/emojis/hug.gif new file mode 100644 index 000000000..f3d237bce Binary files /dev/null and b/ruqqus/assets/images/emojis/hug.gif differ diff --git a/ruqqus/assets/images/emojis/hugging.gif b/ruqqus/assets/images/emojis/hugging.gif new file mode 100644 index 000000000..58c5bbed8 Binary files /dev/null and b/ruqqus/assets/images/emojis/hugging.gif differ diff --git a/ruqqus/assets/images/emojis/hugs.gif b/ruqqus/assets/images/emojis/hugs.gif new file mode 100644 index 000000000..aa15fdbb5 Binary files /dev/null and b/ruqqus/assets/images/emojis/hugs.gif differ diff --git a/ruqqus/assets/images/emojis/hump.gif b/ruqqus/assets/images/emojis/hump.gif new file mode 100644 index 000000000..426eaf487 Binary files /dev/null and b/ruqqus/assets/images/emojis/hump.gif differ diff --git a/ruqqus/assets/images/emojis/humpbed.gif b/ruqqus/assets/images/emojis/humpbed.gif new file mode 100644 index 000000000..d8da1a2fb Binary files /dev/null and b/ruqqus/assets/images/emojis/humpbed.gif differ diff --git a/ruqqus/assets/images/emojis/hysterical.gif b/ruqqus/assets/images/emojis/hysterical.gif new file mode 100644 index 000000000..39f7fa6b7 Binary files /dev/null and b/ruqqus/assets/images/emojis/hysterical.gif differ diff --git a/ruqqus/assets/images/emojis/idontknow.gif b/ruqqus/assets/images/emojis/idontknow.gif new file mode 100644 index 000000000..d73b90ce3 Binary files /dev/null and b/ruqqus/assets/images/emojis/idontknow.gif differ diff --git a/ruqqus/assets/images/emojis/ily.gif b/ruqqus/assets/images/emojis/ily.gif new file mode 100644 index 000000000..475ed1534 Binary files /dev/null and b/ruqqus/assets/images/emojis/ily.gif differ diff --git a/ruqqus/assets/images/emojis/incelpride.gif b/ruqqus/assets/images/emojis/incelpride.gif new file mode 100644 index 000000000..06aeec135 Binary files /dev/null and b/ruqqus/assets/images/emojis/incelpride.gif differ diff --git a/ruqqus/assets/images/emojis/inlove.gif b/ruqqus/assets/images/emojis/inlove.gif new file mode 100644 index 000000000..b7309e523 Binary files /dev/null and b/ruqqus/assets/images/emojis/inlove.gif differ diff --git a/ruqqus/assets/images/emojis/interuptedreading.gif b/ruqqus/assets/images/emojis/interuptedreading.gif new file mode 100644 index 000000000..03a9a4266 Binary files /dev/null and b/ruqqus/assets/images/emojis/interuptedreading.gif differ diff --git a/ruqqus/assets/images/emojis/iseewhatyoudidthere.gif b/ruqqus/assets/images/emojis/iseewhatyoudidthere.gif new file mode 100644 index 000000000..ecb9a01e1 Binary files /dev/null and b/ruqqus/assets/images/emojis/iseewhatyoudidthere.gif differ diff --git a/ruqqus/assets/images/emojis/israel.gif b/ruqqus/assets/images/emojis/israel.gif new file mode 100644 index 000000000..3068fcfad Binary files /dev/null and b/ruqqus/assets/images/emojis/israel.gif differ diff --git a/ruqqus/assets/images/emojis/jason.gif b/ruqqus/assets/images/emojis/jason.gif new file mode 100644 index 000000000..73ccd2077 Binary files /dev/null and b/ruqqus/assets/images/emojis/jason.gif differ diff --git a/ruqqus/assets/images/emojis/jawdrop.gif b/ruqqus/assets/images/emojis/jawdrop.gif new file mode 100644 index 000000000..6c42bf4f6 Binary files /dev/null and b/ruqqus/assets/images/emojis/jawdrop.gif differ diff --git a/ruqqus/assets/images/emojis/jedi.gif b/ruqqus/assets/images/emojis/jedi.gif new file mode 100644 index 000000000..8f1e14e6c Binary files /dev/null and b/ruqqus/assets/images/emojis/jedi.gif differ diff --git a/ruqqus/assets/images/emojis/jester.gif b/ruqqus/assets/images/emojis/jester.gif new file mode 100644 index 000000000..8f651d992 Binary files /dev/null and b/ruqqus/assets/images/emojis/jester.gif differ diff --git a/ruqqus/assets/images/emojis/kaboom.gif b/ruqqus/assets/images/emojis/kaboom.gif new file mode 100644 index 000000000..8f44e0a9a Binary files /dev/null and b/ruqqus/assets/images/emojis/kaboom.gif differ diff --git a/ruqqus/assets/images/emojis/kick.gif b/ruqqus/assets/images/emojis/kick.gif new file mode 100644 index 000000000..a6f4f960f Binary files /dev/null and b/ruqqus/assets/images/emojis/kick.gif differ diff --git a/ruqqus/assets/images/emojis/killherkillher.gif b/ruqqus/assets/images/emojis/killherkillher.gif new file mode 100644 index 000000000..24bf9a1ee Binary files /dev/null and b/ruqqus/assets/images/emojis/killherkillher.gif differ diff --git a/ruqqus/assets/images/emojis/kiss.gif b/ruqqus/assets/images/emojis/kiss.gif new file mode 100644 index 000000000..f08d157c3 Binary files /dev/null and b/ruqqus/assets/images/emojis/kiss.gif differ diff --git a/ruqqus/assets/images/emojis/kitty.gif b/ruqqus/assets/images/emojis/kitty.gif new file mode 100644 index 000000000..873ec8fc6 Binary files /dev/null and b/ruqqus/assets/images/emojis/kitty.gif differ diff --git a/ruqqus/assets/images/emojis/landlordlove.gif b/ruqqus/assets/images/emojis/landlordlove.gif new file mode 100644 index 000000000..2dd3c880f Binary files /dev/null and b/ruqqus/assets/images/emojis/landlordlove.gif differ diff --git a/ruqqus/assets/images/emojis/laughchair.gif b/ruqqus/assets/images/emojis/laughchair.gif new file mode 100644 index 000000000..b633f48fe Binary files /dev/null and b/ruqqus/assets/images/emojis/laughchair.gif differ diff --git a/ruqqus/assets/images/emojis/ledesire.gif b/ruqqus/assets/images/emojis/ledesire.gif new file mode 100644 index 000000000..1fa268917 Binary files /dev/null and b/ruqqus/assets/images/emojis/ledesire.gif differ diff --git a/ruqqus/assets/images/emojis/leexcited.gif b/ruqqus/assets/images/emojis/leexcited.gif new file mode 100644 index 000000000..2e5cefe4e Binary files /dev/null and b/ruqqus/assets/images/emojis/leexcited.gif differ diff --git a/ruqqus/assets/images/emojis/legenius.gif b/ruqqus/assets/images/emojis/legenius.gif new file mode 100644 index 000000000..b9a9da5cc Binary files /dev/null and b/ruqqus/assets/images/emojis/legenius.gif differ diff --git a/ruqqus/assets/images/emojis/lelolidk.gif b/ruqqus/assets/images/emojis/lelolidk.gif new file mode 100644 index 000000000..56dc4ba09 Binary files /dev/null and b/ruqqus/assets/images/emojis/lelolidk.gif differ diff --git a/ruqqus/assets/images/emojis/lemiddlefinger.gif b/ruqqus/assets/images/emojis/lemiddlefinger.gif new file mode 100644 index 000000000..4b1b1c783 Binary files /dev/null and b/ruqqus/assets/images/emojis/lemiddlefinger.gif differ diff --git a/ruqqus/assets/images/emojis/lemindblown.gif b/ruqqus/assets/images/emojis/lemindblown.gif new file mode 100644 index 000000000..e9718303e Binary files /dev/null and b/ruqqus/assets/images/emojis/lemindblown.gif differ diff --git a/ruqqus/assets/images/emojis/leokay.gif b/ruqqus/assets/images/emojis/leokay.gif new file mode 100644 index 000000000..50d10e131 Binary files /dev/null and b/ruqqus/assets/images/emojis/leokay.gif differ diff --git a/ruqqus/assets/images/emojis/lepanicrunning.gif b/ruqqus/assets/images/emojis/lepanicrunning.gif new file mode 100644 index 000000000..bb67d6481 Binary files /dev/null and b/ruqqus/assets/images/emojis/lepanicrunning.gif differ diff --git a/ruqqus/assets/images/emojis/lepokerface.gif b/ruqqus/assets/images/emojis/lepokerface.gif new file mode 100644 index 000000000..12a0de74f Binary files /dev/null and b/ruqqus/assets/images/emojis/lepokerface.gif differ diff --git a/ruqqus/assets/images/emojis/lepokerface2.gif b/ruqqus/assets/images/emojis/lepokerface2.gif new file mode 100644 index 000000000..2f9f6b4da Binary files /dev/null and b/ruqqus/assets/images/emojis/lepokerface2.gif differ diff --git a/ruqqus/assets/images/emojis/lerageface.gif b/ruqqus/assets/images/emojis/lerageface.gif new file mode 100644 index 000000000..6e3f8aa76 Binary files /dev/null and b/ruqqus/assets/images/emojis/lerageface.gif differ diff --git a/ruqqus/assets/images/emojis/leseriousface.gif b/ruqqus/assets/images/emojis/leseriousface.gif new file mode 100644 index 000000000..baffe582c Binary files /dev/null and b/ruqqus/assets/images/emojis/leseriousface.gif differ diff --git a/ruqqus/assets/images/emojis/lick.gif b/ruqqus/assets/images/emojis/lick.gif new file mode 100644 index 000000000..0e40150ba Binary files /dev/null and b/ruqqus/assets/images/emojis/lick.gif differ diff --git a/ruqqus/assets/images/emojis/likeaboss.gif b/ruqqus/assets/images/emojis/likeaboss.gif new file mode 100644 index 000000000..62cb3fe1a Binary files /dev/null and b/ruqqus/assets/images/emojis/likeaboss.gif differ diff --git a/ruqqus/assets/images/emojis/link.gif b/ruqqus/assets/images/emojis/link.gif new file mode 100644 index 000000000..d31548ade Binary files /dev/null and b/ruqqus/assets/images/emojis/link.gif differ diff --git a/ruqqus/assets/images/emojis/lol.gif b/ruqqus/assets/images/emojis/lol.gif new file mode 100644 index 000000000..1d7b66c7a Binary files /dev/null and b/ruqqus/assets/images/emojis/lol.gif differ diff --git a/ruqqus/assets/images/emojis/lolbeat.gif b/ruqqus/assets/images/emojis/lolbeat.gif new file mode 100644 index 000000000..dbebfdda6 Binary files /dev/null and b/ruqqus/assets/images/emojis/lolbeat.gif differ diff --git a/ruqqus/assets/images/emojis/lolface.gif b/ruqqus/assets/images/emojis/lolface.gif new file mode 100644 index 000000000..e485c53e0 Binary files /dev/null and b/ruqqus/assets/images/emojis/lolface.gif differ diff --git a/ruqqus/assets/images/emojis/longwhiskers.gif b/ruqqus/assets/images/emojis/longwhiskers.gif new file mode 100644 index 000000000..77054a43e Binary files /dev/null and b/ruqqus/assets/images/emojis/longwhiskers.gif differ diff --git a/ruqqus/assets/images/emojis/loving.gif b/ruqqus/assets/images/emojis/loving.gif new file mode 100644 index 000000000..d14f0c8ba Binary files /dev/null and b/ruqqus/assets/images/emojis/loving.gif differ diff --git a/ruqqus/assets/images/emojis/makeout.gif b/ruqqus/assets/images/emojis/makeout.gif new file mode 100644 index 000000000..f3d9becf0 Binary files /dev/null and b/ruqqus/assets/images/emojis/makeout.gif differ diff --git a/ruqqus/assets/images/emojis/manymiddlefingers.gif b/ruqqus/assets/images/emojis/manymiddlefingers.gif new file mode 100644 index 000000000..db76c7277 Binary files /dev/null and b/ruqqus/assets/images/emojis/manymiddlefingers.gif differ diff --git a/ruqqus/assets/images/emojis/marsey69.gif b/ruqqus/assets/images/emojis/marsey69.gif new file mode 100644 index 000000000..329042199 Binary files /dev/null and b/ruqqus/assets/images/emojis/marsey69.gif differ diff --git a/ruqqus/assets/images/emojis/marseyangel.gif b/ruqqus/assets/images/emojis/marseyangel.gif new file mode 100644 index 000000000..7163bfda3 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyangel.gif differ diff --git a/ruqqus/assets/images/emojis/marseybingus.gif b/ruqqus/assets/images/emojis/marseybingus.gif new file mode 100644 index 000000000..fb27bf8a9 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseybingus.gif differ diff --git a/ruqqus/assets/images/emojis/marseyblowkiss.gif b/ruqqus/assets/images/emojis/marseyblowkiss.gif new file mode 100644 index 000000000..d0aa3a0a1 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyblowkiss.gif differ diff --git a/ruqqus/assets/images/emojis/marseycomrade.gif b/ruqqus/assets/images/emojis/marseycomrade.gif new file mode 100644 index 000000000..3f44133b4 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseycomrade.gif differ diff --git a/ruqqus/assets/images/emojis/marseycowboy.gif b/ruqqus/assets/images/emojis/marseycowboy.gif new file mode 100644 index 000000000..293c0c464 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseycowboy.gif differ diff --git a/ruqqus/assets/images/emojis/marseycry.gif b/ruqqus/assets/images/emojis/marseycry.gif new file mode 100644 index 000000000..ef7766928 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseycry.gif differ diff --git a/ruqqus/assets/images/emojis/marseydead.gif b/ruqqus/assets/images/emojis/marseydead.gif new file mode 100644 index 000000000..90943a9ed Binary files /dev/null and b/ruqqus/assets/images/emojis/marseydead.gif differ diff --git a/ruqqus/assets/images/emojis/marseydepressed.gif b/ruqqus/assets/images/emojis/marseydepressed.gif new file mode 100644 index 000000000..a77f083e1 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseydepressed.gif differ diff --git a/ruqqus/assets/images/emojis/marseyexcited.gif b/ruqqus/assets/images/emojis/marseyexcited.gif new file mode 100644 index 000000000..2bd295c92 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyexcited.gif differ diff --git a/ruqqus/assets/images/emojis/marseygift.gif b/ruqqus/assets/images/emojis/marseygift.gif new file mode 100644 index 000000000..6ef06967e Binary files /dev/null and b/ruqqus/assets/images/emojis/marseygift.gif differ diff --git a/ruqqus/assets/images/emojis/marseyglam.gif b/ruqqus/assets/images/emojis/marseyglam.gif new file mode 100644 index 000000000..d51f49b38 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyglam.gif differ diff --git a/ruqqus/assets/images/emojis/marseyinabox.gif b/ruqqus/assets/images/emojis/marseyinabox.gif new file mode 100644 index 000000000..05e36ac03 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyinabox.gif differ diff --git a/ruqqus/assets/images/emojis/marseyira.gif b/ruqqus/assets/images/emojis/marseyira.gif new file mode 100644 index 000000000..efab50dfd Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyira.gif differ diff --git a/ruqqus/assets/images/emojis/marseyisis.gif b/ruqqus/assets/images/emojis/marseyisis.gif new file mode 100644 index 000000000..9a7ab71ec Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyisis.gif differ diff --git a/ruqqus/assets/images/emojis/marseyjamming.gif b/ruqqus/assets/images/emojis/marseyjamming.gif new file mode 100644 index 000000000..42ccebc65 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyjamming.gif differ diff --git a/ruqqus/assets/images/emojis/marseylaugh.gif b/ruqqus/assets/images/emojis/marseylaugh.gif new file mode 100644 index 000000000..57fdccf71 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseylaugh.gif differ diff --git a/ruqqus/assets/images/emojis/marseylove.gif b/ruqqus/assets/images/emojis/marseylove.gif new file mode 100644 index 000000000..c553bb8f1 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseylove.gif differ diff --git a/ruqqus/assets/images/emojis/marseymad.gif b/ruqqus/assets/images/emojis/marseymad.gif new file mode 100644 index 000000000..4fc2525e1 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseymad.gif differ diff --git a/ruqqus/assets/images/emojis/marseymerchant.gif b/ruqqus/assets/images/emojis/marseymerchant.gif new file mode 100644 index 000000000..6dfc50daf Binary files /dev/null and b/ruqqus/assets/images/emojis/marseymerchant.gif differ diff --git a/ruqqus/assets/images/emojis/marseynut.gif b/ruqqus/assets/images/emojis/marseynut.gif new file mode 100644 index 000000000..19aa8926a Binary files /dev/null and b/ruqqus/assets/images/emojis/marseynut.gif differ diff --git a/ruqqus/assets/images/emojis/marseypanties.gif b/ruqqus/assets/images/emojis/marseypanties.gif new file mode 100644 index 000000000..293a062d1 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseypanties.gif differ diff --git a/ruqqus/assets/images/emojis/marseyparty.gif b/ruqqus/assets/images/emojis/marseyparty.gif new file mode 100644 index 000000000..d84764b31 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyparty.gif differ diff --git a/ruqqus/assets/images/emojis/marseypat.gif b/ruqqus/assets/images/emojis/marseypat.gif new file mode 100644 index 000000000..4e725f7be Binary files /dev/null and b/ruqqus/assets/images/emojis/marseypat.gif differ diff --git a/ruqqus/assets/images/emojis/marseyrain.gif b/ruqqus/assets/images/emojis/marseyrain.gif new file mode 100644 index 000000000..e3a8a441b Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyrain.gif differ diff --git a/ruqqus/assets/images/emojis/marseyreading.gif b/ruqqus/assets/images/emojis/marseyreading.gif new file mode 100644 index 000000000..76c6af0cb Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyreading.gif differ diff --git a/ruqqus/assets/images/emojis/marseyready.gif b/ruqqus/assets/images/emojis/marseyready.gif new file mode 100644 index 000000000..75c61ca04 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyready.gif differ diff --git a/ruqqus/assets/images/emojis/marseyreich.gif b/ruqqus/assets/images/emojis/marseyreich.gif new file mode 100644 index 000000000..27d136b10 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyreich.gif differ diff --git a/ruqqus/assets/images/emojis/marseysad.gif b/ruqqus/assets/images/emojis/marseysad.gif new file mode 100644 index 000000000..1fe4ad2b0 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseysad.gif differ diff --git a/ruqqus/assets/images/emojis/marseyscarf.gif b/ruqqus/assets/images/emojis/marseyscarf.gif new file mode 100644 index 000000000..272dd8f39 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyscarf.gif differ diff --git a/ruqqus/assets/images/emojis/marseyshook.gif b/ruqqus/assets/images/emojis/marseyshook.gif new file mode 100644 index 000000000..87e4d90a9 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseyshook.gif differ diff --git a/ruqqus/assets/images/emojis/marseysipping.gif b/ruqqus/assets/images/emojis/marseysipping.gif new file mode 100644 index 000000000..5b4017cb3 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseysipping.gif differ diff --git a/ruqqus/assets/images/emojis/marseysleep.gif b/ruqqus/assets/images/emojis/marseysleep.gif new file mode 100644 index 000000000..97afafb48 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseysleep.gif differ diff --git a/ruqqus/assets/images/emojis/marseythumbsup.gif b/ruqqus/assets/images/emojis/marseythumbsup.gif new file mode 100644 index 000000000..503c1c426 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseythumbsup.gif differ diff --git a/ruqqus/assets/images/emojis/marseywave.gif b/ruqqus/assets/images/emojis/marseywave.gif new file mode 100644 index 000000000..7d5738ed9 Binary files /dev/null and b/ruqqus/assets/images/emojis/marseywave.gif differ diff --git a/ruqqus/assets/images/emojis/medal.gif b/ruqqus/assets/images/emojis/medal.gif new file mode 100644 index 000000000..790414b40 Binary files /dev/null and b/ruqqus/assets/images/emojis/medal.gif differ diff --git a/ruqqus/assets/images/emojis/megaman.gif b/ruqqus/assets/images/emojis/megaman.gif new file mode 100644 index 000000000..23c75a708 Binary files /dev/null and b/ruqqus/assets/images/emojis/megaman.gif differ diff --git a/ruqqus/assets/images/emojis/megamanguitar.gif b/ruqqus/assets/images/emojis/megamanguitar.gif new file mode 100644 index 000000000..27954d143 Binary files /dev/null and b/ruqqus/assets/images/emojis/megamanguitar.gif differ diff --git a/ruqqus/assets/images/emojis/megusta.gif b/ruqqus/assets/images/emojis/megusta.gif new file mode 100644 index 000000000..13efa0ef4 Binary files /dev/null and b/ruqqus/assets/images/emojis/megusta.gif differ diff --git a/ruqqus/assets/images/emojis/meow.gif b/ruqqus/assets/images/emojis/meow.gif new file mode 100644 index 000000000..cd7c76cf5 Binary files /dev/null and b/ruqqus/assets/images/emojis/meow.gif differ diff --git a/ruqqus/assets/images/emojis/metime.gif b/ruqqus/assets/images/emojis/metime.gif new file mode 100644 index 000000000..b9050bc62 Binary files /dev/null and b/ruqqus/assets/images/emojis/metime.gif differ diff --git a/ruqqus/assets/images/emojis/monke.gif b/ruqqus/assets/images/emojis/monke.gif new file mode 100644 index 000000000..7ac44a981 Binary files /dev/null and b/ruqqus/assets/images/emojis/monke.gif differ diff --git a/ruqqus/assets/images/emojis/mooning.gif b/ruqqus/assets/images/emojis/mooning.gif new file mode 100644 index 000000000..4bb0b8222 Binary files /dev/null and b/ruqqus/assets/images/emojis/mooning.gif differ diff --git a/ruqqus/assets/images/emojis/motherfucker.gif b/ruqqus/assets/images/emojis/motherfucker.gif new file mode 100644 index 000000000..0b419b3d9 Binary files /dev/null and b/ruqqus/assets/images/emojis/motherfucker.gif differ diff --git a/ruqqus/assets/images/emojis/motherofgod.gif b/ruqqus/assets/images/emojis/motherofgod.gif new file mode 100644 index 000000000..57247e38f Binary files /dev/null and b/ruqqus/assets/images/emojis/motherofgod.gif differ diff --git a/ruqqus/assets/images/emojis/mummy.gif b/ruqqus/assets/images/emojis/mummy.gif new file mode 100644 index 000000000..d1058a244 Binary files /dev/null and b/ruqqus/assets/images/emojis/mummy.gif differ diff --git a/ruqqus/assets/images/emojis/mysides.gif b/ruqqus/assets/images/emojis/mysides.gif new file mode 100644 index 000000000..f3baa05e6 Binary files /dev/null and b/ruqqus/assets/images/emojis/mysides.gif differ diff --git a/ruqqus/assets/images/emojis/na.gif b/ruqqus/assets/images/emojis/na.gif new file mode 100644 index 000000000..e528bb791 Binary files /dev/null and b/ruqqus/assets/images/emojis/na.gif differ diff --git a/ruqqus/assets/images/emojis/nauseous.gif b/ruqqus/assets/images/emojis/nauseous.gif new file mode 100644 index 000000000..67404349b Binary files /dev/null and b/ruqqus/assets/images/emojis/nauseous.gif differ diff --git a/ruqqus/assets/images/emojis/nazijak.gif b/ruqqus/assets/images/emojis/nazijak.gif new file mode 100644 index 000000000..b9e98ddf8 Binary files /dev/null and b/ruqqus/assets/images/emojis/nazijak.gif differ diff --git a/ruqqus/assets/images/emojis/nervous.gif b/ruqqus/assets/images/emojis/nervous.gif new file mode 100644 index 000000000..3655d65f8 Binary files /dev/null and b/ruqqus/assets/images/emojis/nervous.gif differ diff --git a/ruqqus/assets/images/emojis/ninja.gif b/ruqqus/assets/images/emojis/ninja.gif new file mode 100644 index 000000000..b4e561a7e Binary files /dev/null and b/ruqqus/assets/images/emojis/ninja.gif differ diff --git a/ruqqus/assets/images/emojis/nod.gif b/ruqqus/assets/images/emojis/nod.gif new file mode 100644 index 000000000..54f17eb28 Binary files /dev/null and b/ruqqus/assets/images/emojis/nod.gif differ diff --git a/ruqqus/assets/images/emojis/nono.gif b/ruqqus/assets/images/emojis/nono.gif new file mode 100644 index 000000000..c043b701b Binary files /dev/null and b/ruqqus/assets/images/emojis/nono.gif differ diff --git a/ruqqus/assets/images/emojis/npc.gif b/ruqqus/assets/images/emojis/npc.gif new file mode 100644 index 000000000..ae773ff2e Binary files /dev/null and b/ruqqus/assets/images/emojis/npc.gif differ diff --git a/ruqqus/assets/images/emojis/npcfront.gif b/ruqqus/assets/images/emojis/npcfront.gif new file mode 100644 index 000000000..c0c55758b Binary files /dev/null and b/ruqqus/assets/images/emojis/npcfront.gif differ diff --git a/ruqqus/assets/images/emojis/npcmaga.gif b/ruqqus/assets/images/emojis/npcmaga.gif new file mode 100644 index 000000000..b21587fc1 Binary files /dev/null and b/ruqqus/assets/images/emojis/npcmaga.gif differ diff --git a/ruqqus/assets/images/emojis/ohgodwhy.gif b/ruqqus/assets/images/emojis/ohgodwhy.gif new file mode 100644 index 000000000..33b564377 Binary files /dev/null and b/ruqqus/assets/images/emojis/ohgodwhy.gif differ diff --git a/ruqqus/assets/images/emojis/omg.gif b/ruqqus/assets/images/emojis/omg.gif new file mode 100644 index 000000000..fcd825462 Binary files /dev/null and b/ruqqus/assets/images/emojis/omg.gif differ diff --git a/ruqqus/assets/images/emojis/onfire.gif b/ruqqus/assets/images/emojis/onfire.gif new file mode 100644 index 000000000..3a907f9e7 Binary files /dev/null and b/ruqqus/assets/images/emojis/onfire.gif differ diff --git a/ruqqus/assets/images/emojis/ooo.gif b/ruqqus/assets/images/emojis/ooo.gif new file mode 100644 index 000000000..e4f42ef58 Binary files /dev/null and b/ruqqus/assets/images/emojis/ooo.gif differ diff --git a/ruqqus/assets/images/emojis/orly.gif b/ruqqus/assets/images/emojis/orly.gif new file mode 100644 index 000000000..ae9f1f8f7 Binary files /dev/null and b/ruqqus/assets/images/emojis/orly.gif differ diff --git a/ruqqus/assets/images/emojis/p.gif b/ruqqus/assets/images/emojis/p.gif new file mode 100644 index 000000000..c7c630b85 Binary files /dev/null and b/ruqqus/assets/images/emojis/p.gif differ diff --git a/ruqqus/assets/images/emojis/paddle.gif b/ruqqus/assets/images/emojis/paddle.gif new file mode 100644 index 000000000..6a0475ca6 Binary files /dev/null and b/ruqqus/assets/images/emojis/paddle.gif differ diff --git a/ruqqus/assets/images/emojis/panda.gif b/ruqqus/assets/images/emojis/panda.gif new file mode 100644 index 000000000..9b10e0975 Binary files /dev/null and b/ruqqus/assets/images/emojis/panda.gif differ diff --git a/ruqqus/assets/images/emojis/pandabutt.gif b/ruqqus/assets/images/emojis/pandabutt.gif new file mode 100644 index 000000000..68d733997 Binary files /dev/null and b/ruqqus/assets/images/emojis/pandabutt.gif differ diff --git a/ruqqus/assets/images/emojis/paranoid.gif b/ruqqus/assets/images/emojis/paranoid.gif new file mode 100644 index 000000000..71c9f4eec Binary files /dev/null and b/ruqqus/assets/images/emojis/paranoid.gif differ diff --git a/ruqqus/assets/images/emojis/party.gif b/ruqqus/assets/images/emojis/party.gif new file mode 100644 index 000000000..3d1323798 Binary files /dev/null and b/ruqqus/assets/images/emojis/party.gif differ diff --git a/ruqqus/assets/images/emojis/pat.gif b/ruqqus/assets/images/emojis/pat.gif new file mode 100644 index 000000000..7650f5672 Binary files /dev/null and b/ruqqus/assets/images/emojis/pat.gif differ diff --git a/ruqqus/assets/images/emojis/peek.gif b/ruqqus/assets/images/emojis/peek.gif new file mode 100644 index 000000000..7f01890c8 Binary files /dev/null and b/ruqqus/assets/images/emojis/peek.gif differ diff --git a/ruqqus/assets/images/emojis/pervertedspiderman.gif b/ruqqus/assets/images/emojis/pervertedspiderman.gif new file mode 100644 index 000000000..b184e4427 Binary files /dev/null and b/ruqqus/assets/images/emojis/pervertedspiderman.gif differ diff --git a/ruqqus/assets/images/emojis/picard.gif b/ruqqus/assets/images/emojis/picard.gif new file mode 100644 index 000000000..94afacf75 Binary files /dev/null and b/ruqqus/assets/images/emojis/picard.gif differ diff --git a/ruqqus/assets/images/emojis/pikachu.gif b/ruqqus/assets/images/emojis/pikachu.gif new file mode 100644 index 000000000..9ddaed5fe Binary files /dev/null and b/ruqqus/assets/images/emojis/pikachu.gif differ diff --git a/ruqqus/assets/images/emojis/pimp.gif b/ruqqus/assets/images/emojis/pimp.gif new file mode 100644 index 000000000..e37be6561 Binary files /dev/null and b/ruqqus/assets/images/emojis/pimp.gif differ diff --git a/ruqqus/assets/images/emojis/platyblush.gif b/ruqqus/assets/images/emojis/platyblush.gif new file mode 100644 index 000000000..0d93aeafe Binary files /dev/null and b/ruqqus/assets/images/emojis/platyblush.gif differ diff --git a/ruqqus/assets/images/emojis/platybruh.gif b/ruqqus/assets/images/emojis/platybruh.gif new file mode 100644 index 000000000..205752186 Binary files /dev/null and b/ruqqus/assets/images/emojis/platybruh.gif differ diff --git a/ruqqus/assets/images/emojis/platycaveman.gif b/ruqqus/assets/images/emojis/platycaveman.gif new file mode 100644 index 000000000..b70ae0135 Binary files /dev/null and b/ruqqus/assets/images/emojis/platycaveman.gif differ diff --git a/ruqqus/assets/images/emojis/platycheer.gif b/ruqqus/assets/images/emojis/platycheer.gif new file mode 100644 index 000000000..5c1a4e85b Binary files /dev/null and b/ruqqus/assets/images/emojis/platycheer.gif differ diff --git a/ruqqus/assets/images/emojis/platydown.gif b/ruqqus/assets/images/emojis/platydown.gif new file mode 100644 index 000000000..19887f547 Binary files /dev/null and b/ruqqus/assets/images/emojis/platydown.gif differ diff --git a/ruqqus/assets/images/emojis/platyeyes.gif b/ruqqus/assets/images/emojis/platyeyes.gif new file mode 100644 index 000000000..cb4a4881e Binary files /dev/null and b/ruqqus/assets/images/emojis/platyeyes.gif differ diff --git a/ruqqus/assets/images/emojis/platyheart.gif b/ruqqus/assets/images/emojis/platyheart.gif new file mode 100644 index 000000000..169c82c83 Binary files /dev/null and b/ruqqus/assets/images/emojis/platyheart.gif differ diff --git a/ruqqus/assets/images/emojis/platylol.gif b/ruqqus/assets/images/emojis/platylol.gif new file mode 100644 index 000000000..480c6a54b Binary files /dev/null and b/ruqqus/assets/images/emojis/platylol.gif differ diff --git a/ruqqus/assets/images/emojis/platymicdrop.gif b/ruqqus/assets/images/emojis/platymicdrop.gif new file mode 100644 index 000000000..1c96f58f0 Binary files /dev/null and b/ruqqus/assets/images/emojis/platymicdrop.gif differ diff --git a/ruqqus/assets/images/emojis/platynooo.gif b/ruqqus/assets/images/emojis/platynooo.gif new file mode 100644 index 000000000..f4bae0cb4 Binary files /dev/null and b/ruqqus/assets/images/emojis/platynooo.gif differ diff --git a/ruqqus/assets/images/emojis/platysalute.gif b/ruqqus/assets/images/emojis/platysalute.gif new file mode 100644 index 000000000..aa2ce169a Binary files /dev/null and b/ruqqus/assets/images/emojis/platysalute.gif differ diff --git a/ruqqus/assets/images/emojis/platyseethe.gif b/ruqqus/assets/images/emojis/platyseethe.gif new file mode 100644 index 000000000..eefe2610e Binary files /dev/null and b/ruqqus/assets/images/emojis/platyseethe.gif differ diff --git a/ruqqus/assets/images/emojis/platythumbsup.gif b/ruqqus/assets/images/emojis/platythumbsup.gif new file mode 100644 index 000000000..c2b62089a Binary files /dev/null and b/ruqqus/assets/images/emojis/platythumbsup.gif differ diff --git a/ruqqus/assets/images/emojis/platywave.gif b/ruqqus/assets/images/emojis/platywave.gif new file mode 100644 index 000000000..b324d13ee Binary files /dev/null and b/ruqqus/assets/images/emojis/platywave.gif differ diff --git a/ruqqus/assets/images/emojis/plzdie.gif b/ruqqus/assets/images/emojis/plzdie.gif new file mode 100644 index 000000000..1c3def603 Binary files /dev/null and b/ruqqus/assets/images/emojis/plzdie.gif differ diff --git a/ruqqus/assets/images/emojis/poke.gif b/ruqqus/assets/images/emojis/poke.gif new file mode 100644 index 000000000..965edd282 Binary files /dev/null and b/ruqqus/assets/images/emojis/poke.gif differ diff --git a/ruqqus/assets/images/emojis/popcorn.gif b/ruqqus/assets/images/emojis/popcorn.gif new file mode 100644 index 000000000..b09503b3f Binary files /dev/null and b/ruqqus/assets/images/emojis/popcorn.gif differ diff --git a/ruqqus/assets/images/emojis/pout.gif b/ruqqus/assets/images/emojis/pout.gif new file mode 100644 index 000000000..548d9d50c Binary files /dev/null and b/ruqqus/assets/images/emojis/pout.gif differ diff --git a/ruqqus/assets/images/emojis/probe.gif b/ruqqus/assets/images/emojis/probe.gif new file mode 100644 index 000000000..0f10925d3 Binary files /dev/null and b/ruqqus/assets/images/emojis/probe.gif differ diff --git a/ruqqus/assets/images/emojis/psychojak.gif b/ruqqus/assets/images/emojis/psychojak.gif new file mode 100644 index 000000000..af8a6d17e Binary files /dev/null and b/ruqqus/assets/images/emojis/psychojak.gif differ diff --git a/ruqqus/assets/images/emojis/puke.gif b/ruqqus/assets/images/emojis/puke.gif new file mode 100644 index 000000000..3b027d4a7 Binary files /dev/null and b/ruqqus/assets/images/emojis/puke.gif differ diff --git a/ruqqus/assets/images/emojis/punch.gif b/ruqqus/assets/images/emojis/punch.gif new file mode 100644 index 000000000..5e3262e59 Binary files /dev/null and b/ruqqus/assets/images/emojis/punch.gif differ diff --git a/ruqqus/assets/images/emojis/quote.gif b/ruqqus/assets/images/emojis/quote.gif new file mode 100644 index 000000000..e41ed7ce8 Binary files /dev/null and b/ruqqus/assets/images/emojis/quote.gif differ diff --git a/ruqqus/assets/images/emojis/raccoon.gif b/ruqqus/assets/images/emojis/raccoon.gif new file mode 100644 index 000000000..aeed20983 Binary files /dev/null and b/ruqqus/assets/images/emojis/raccoon.gif differ diff --git a/ruqqus/assets/images/emojis/ragejak.gif b/ruqqus/assets/images/emojis/ragejak.gif new file mode 100644 index 000000000..9f48b0ad7 Binary files /dev/null and b/ruqqus/assets/images/emojis/ragejak.gif differ diff --git a/ruqqus/assets/images/emojis/ragemask.gif b/ruqqus/assets/images/emojis/ragemask.gif new file mode 100644 index 000000000..6d42fea66 Binary files /dev/null and b/ruqqus/assets/images/emojis/ragemask.gif differ diff --git a/ruqqus/assets/images/emojis/ragestrangle.gif b/ruqqus/assets/images/emojis/ragestrangle.gif new file mode 100644 index 000000000..a11084612 Binary files /dev/null and b/ruqqus/assets/images/emojis/ragestrangle.gif differ diff --git a/ruqqus/assets/images/emojis/ramonajak.gif b/ruqqus/assets/images/emojis/ramonajak.gif new file mode 100644 index 000000000..76897bbe1 Binary files /dev/null and b/ruqqus/assets/images/emojis/ramonajak.gif differ diff --git a/ruqqus/assets/images/emojis/roar.gif b/ruqqus/assets/images/emojis/roar.gif new file mode 100644 index 000000000..0bb30a991 Binary files /dev/null and b/ruqqus/assets/images/emojis/roar.gif differ diff --git a/ruqqus/assets/images/emojis/rofl.gif b/ruqqus/assets/images/emojis/rofl.gif new file mode 100644 index 000000000..f6885c3eb Binary files /dev/null and b/ruqqus/assets/images/emojis/rofl.gif differ diff --git a/ruqqus/assets/images/emojis/roflmao.gif b/ruqqus/assets/images/emojis/roflmao.gif new file mode 100644 index 000000000..30bd61a87 Binary files /dev/null and b/ruqqus/assets/images/emojis/roflmao.gif differ diff --git a/ruqqus/assets/images/emojis/rolleyes.gif b/ruqqus/assets/images/emojis/rolleyes.gif new file mode 100644 index 000000000..1ee836928 Binary files /dev/null and b/ruqqus/assets/images/emojis/rolleyes.gif differ diff --git a/ruqqus/assets/images/emojis/rukiddingme.gif b/ruqqus/assets/images/emojis/rukiddingme.gif new file mode 100644 index 000000000..bc32ab140 Binary files /dev/null and b/ruqqus/assets/images/emojis/rukiddingme.gif differ diff --git a/ruqqus/assets/images/emojis/sad.gif b/ruqqus/assets/images/emojis/sad.gif new file mode 100644 index 000000000..056a72242 Binary files /dev/null and b/ruqqus/assets/images/emojis/sad.gif differ diff --git a/ruqqus/assets/images/emojis/sadeyes.gif b/ruqqus/assets/images/emojis/sadeyes.gif new file mode 100644 index 000000000..48c334d69 Binary files /dev/null and b/ruqqus/assets/images/emojis/sadeyes.gif differ diff --git a/ruqqus/assets/images/emojis/sadhug.gif b/ruqqus/assets/images/emojis/sadhug.gif new file mode 100644 index 000000000..a508ac63d Binary files /dev/null and b/ruqqus/assets/images/emojis/sadhug.gif differ diff --git a/ruqqus/assets/images/emojis/samurai.gif b/ruqqus/assets/images/emojis/samurai.gif new file mode 100644 index 000000000..1ddc7a013 Binary files /dev/null and b/ruqqus/assets/images/emojis/samurai.gif differ diff --git a/ruqqus/assets/images/emojis/sarcasm.gif b/ruqqus/assets/images/emojis/sarcasm.gif new file mode 100644 index 000000000..4d4186af4 Binary files /dev/null and b/ruqqus/assets/images/emojis/sarcasm.gif differ diff --git a/ruqqus/assets/images/emojis/scalperpride.gif b/ruqqus/assets/images/emojis/scalperpride.gif new file mode 100644 index 000000000..52f18ba43 Binary files /dev/null and b/ruqqus/assets/images/emojis/scalperpride.gif differ diff --git a/ruqqus/assets/images/emojis/scoot.gif b/ruqqus/assets/images/emojis/scoot.gif new file mode 100644 index 000000000..fd2bcbb8e Binary files /dev/null and b/ruqqus/assets/images/emojis/scoot.gif differ diff --git a/ruqqus/assets/images/emojis/scream.gif b/ruqqus/assets/images/emojis/scream.gif new file mode 100644 index 000000000..91d005494 Binary files /dev/null and b/ruqqus/assets/images/emojis/scream.gif differ diff --git a/ruqqus/assets/images/emojis/shmoopy.gif b/ruqqus/assets/images/emojis/shmoopy.gif new file mode 100644 index 000000000..1e1da2f51 Binary files /dev/null and b/ruqqus/assets/images/emojis/shmoopy.gif differ diff --git a/ruqqus/assets/images/emojis/shrug.gif b/ruqqus/assets/images/emojis/shrug.gif new file mode 100644 index 000000000..0a3b63098 Binary files /dev/null and b/ruqqus/assets/images/emojis/shrug.gif differ diff --git a/ruqqus/assets/images/emojis/skull.gif b/ruqqus/assets/images/emojis/skull.gif new file mode 100644 index 000000000..4066a3749 Binary files /dev/null and b/ruqqus/assets/images/emojis/skull.gif differ diff --git a/ruqqus/assets/images/emojis/slap.gif b/ruqqus/assets/images/emojis/slap.gif new file mode 100644 index 000000000..209082173 Binary files /dev/null and b/ruqqus/assets/images/emojis/slap.gif differ diff --git a/ruqqus/assets/images/emojis/slapfight.gif b/ruqqus/assets/images/emojis/slapfight.gif new file mode 100644 index 000000000..5bf7ddebc Binary files /dev/null and b/ruqqus/assets/images/emojis/slapfight.gif differ diff --git a/ruqqus/assets/images/emojis/sleepy.gif b/ruqqus/assets/images/emojis/sleepy.gif new file mode 100644 index 000000000..d55420be2 Binary files /dev/null and b/ruqqus/assets/images/emojis/sleepy.gif differ diff --git a/ruqqus/assets/images/emojis/smackfish.gif b/ruqqus/assets/images/emojis/smackfish.gif new file mode 100644 index 000000000..3877b1b06 Binary files /dev/null and b/ruqqus/assets/images/emojis/smackfish.gif differ diff --git a/ruqqus/assets/images/emojis/smackhead.gif b/ruqqus/assets/images/emojis/smackhead.gif new file mode 100644 index 000000000..393723785 Binary files /dev/null and b/ruqqus/assets/images/emojis/smackhead.gif differ diff --git a/ruqqus/assets/images/emojis/smh.gif b/ruqqus/assets/images/emojis/smh.gif new file mode 100644 index 000000000..dc994b03e Binary files /dev/null and b/ruqqus/assets/images/emojis/smh.gif differ diff --git a/ruqqus/assets/images/emojis/smile.gif b/ruqqus/assets/images/emojis/smile.gif new file mode 100644 index 000000000..8c54e8d5e Binary files /dev/null and b/ruqqus/assets/images/emojis/smile.gif differ diff --git a/ruqqus/assets/images/emojis/smoke.gif b/ruqqus/assets/images/emojis/smoke.gif new file mode 100644 index 000000000..741217580 Binary files /dev/null and b/ruqqus/assets/images/emojis/smoke.gif differ diff --git a/ruqqus/assets/images/emojis/sonic.gif b/ruqqus/assets/images/emojis/sonic.gif new file mode 100644 index 000000000..7103b6edb Binary files /dev/null and b/ruqqus/assets/images/emojis/sonic.gif differ diff --git a/ruqqus/assets/images/emojis/soyjackwow.gif b/ruqqus/assets/images/emojis/soyjackwow.gif new file mode 100644 index 000000000..936da5e99 Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjackwow.gif differ diff --git a/ruqqus/assets/images/emojis/soyjak.gif b/ruqqus/assets/images/emojis/soyjak.gif new file mode 100644 index 000000000..4920ce211 Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjak.gif differ diff --git a/ruqqus/assets/images/emojis/soyjakfront.gif b/ruqqus/assets/images/emojis/soyjakfront.gif new file mode 100644 index 000000000..a08cd60d2 Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjakfront.gif differ diff --git a/ruqqus/assets/images/emojis/soyjakhipster.gif b/ruqqus/assets/images/emojis/soyjakhipster.gif new file mode 100644 index 000000000..f6391698c Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjakhipster.gif differ diff --git a/ruqqus/assets/images/emojis/soyjakmaga.gif b/ruqqus/assets/images/emojis/soyjakmaga.gif new file mode 100644 index 000000000..ad0d2ad01 Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjakmaga.gif differ diff --git a/ruqqus/assets/images/emojis/soyjakyell.gif b/ruqqus/assets/images/emojis/soyjakyell.gif new file mode 100644 index 000000000..cc9511e5b Binary files /dev/null and b/ruqqus/assets/images/emojis/soyjakyell.gif differ diff --git a/ruqqus/assets/images/emojis/spank.gif b/ruqqus/assets/images/emojis/spank.gif new file mode 100644 index 000000000..57460d47a Binary files /dev/null and b/ruqqus/assets/images/emojis/spank.gif differ diff --git a/ruqqus/assets/images/emojis/sparta.gif b/ruqqus/assets/images/emojis/sparta.gif new file mode 100644 index 000000000..41336656c Binary files /dev/null and b/ruqqus/assets/images/emojis/sparta.gif differ diff --git a/ruqqus/assets/images/emojis/sperm.gif b/ruqqus/assets/images/emojis/sperm.gif new file mode 100644 index 000000000..9c23c0aac Binary files /dev/null and b/ruqqus/assets/images/emojis/sperm.gif differ diff --git a/ruqqus/assets/images/emojis/spiderman.gif b/ruqqus/assets/images/emojis/spiderman.gif new file mode 100644 index 000000000..d6ee521d9 Binary files /dev/null and b/ruqqus/assets/images/emojis/spiderman.gif differ diff --git a/ruqqus/assets/images/emojis/stab.gif b/ruqqus/assets/images/emojis/stab.gif new file mode 100644 index 000000000..d37209b95 Binary files /dev/null and b/ruqqus/assets/images/emojis/stab.gif differ diff --git a/ruqqus/assets/images/emojis/star.gif b/ruqqus/assets/images/emojis/star.gif new file mode 100644 index 000000000..17414398b Binary files /dev/null and b/ruqqus/assets/images/emojis/star.gif differ diff --git a/ruqqus/assets/images/emojis/stare.gif b/ruqqus/assets/images/emojis/stare.gif new file mode 100644 index 000000000..ca222d0aa Binary files /dev/null and b/ruqqus/assets/images/emojis/stare.gif differ diff --git a/ruqqus/assets/images/emojis/stfu.gif b/ruqqus/assets/images/emojis/stfu.gif new file mode 100644 index 000000000..0edc58346 Binary files /dev/null and b/ruqqus/assets/images/emojis/stfu.gif differ diff --git a/ruqqus/assets/images/emojis/suicide.gif b/ruqqus/assets/images/emojis/suicide.gif new file mode 100644 index 000000000..4039b6990 Binary files /dev/null and b/ruqqus/assets/images/emojis/suicide.gif differ diff --git a/ruqqus/assets/images/emojis/superstraight.gif b/ruqqus/assets/images/emojis/superstraight.gif new file mode 100644 index 000000000..fe5f94cb5 Binary files /dev/null and b/ruqqus/assets/images/emojis/superstraight.gif differ diff --git a/ruqqus/assets/images/emojis/surprisehug.gif b/ruqqus/assets/images/emojis/surprisehug.gif new file mode 100644 index 000000000..1430b5e0e Binary files /dev/null and b/ruqqus/assets/images/emojis/surprisehug.gif differ diff --git a/ruqqus/assets/images/emojis/suspicious.gif b/ruqqus/assets/images/emojis/suspicious.gif new file mode 100644 index 000000000..9832e8e0f Binary files /dev/null and b/ruqqus/assets/images/emojis/suspicious.gif differ diff --git a/ruqqus/assets/images/emojis/sweat.gif b/ruqqus/assets/images/emojis/sweat.gif new file mode 100644 index 000000000..e1cfb4305 Binary files /dev/null and b/ruqqus/assets/images/emojis/sweat.gif differ diff --git a/ruqqus/assets/images/emojis/swordfight.gif b/ruqqus/assets/images/emojis/swordfight.gif new file mode 100644 index 000000000..5e85fab85 Binary files /dev/null and b/ruqqus/assets/images/emojis/swordfight.gif differ diff --git a/ruqqus/assets/images/emojis/taco.gif b/ruqqus/assets/images/emojis/taco.gif new file mode 100644 index 000000000..24b3a9090 Binary files /dev/null and b/ruqqus/assets/images/emojis/taco.gif differ diff --git a/ruqqus/assets/images/emojis/talk2hand.gif b/ruqqus/assets/images/emojis/talk2hand.gif new file mode 100644 index 000000000..f52c5de7e Binary files /dev/null and b/ruqqus/assets/images/emojis/talk2hand.gif differ diff --git a/ruqqus/assets/images/emojis/tantrum.gif b/ruqqus/assets/images/emojis/tantrum.gif new file mode 100644 index 000000000..7cb92307a Binary files /dev/null and b/ruqqus/assets/images/emojis/tantrum.gif differ diff --git a/ruqqus/assets/images/emojis/tayaaa.gif b/ruqqus/assets/images/emojis/tayaaa.gif new file mode 100644 index 000000000..76163077a Binary files /dev/null and b/ruqqus/assets/images/emojis/tayaaa.gif differ diff --git a/ruqqus/assets/images/emojis/tayaaaa.gif b/ruqqus/assets/images/emojis/tayaaaa.gif new file mode 100644 index 000000000..c600b47e1 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayaaaa.gif differ diff --git a/ruqqus/assets/images/emojis/tayadmire.gif b/ruqqus/assets/images/emojis/tayadmire.gif new file mode 100644 index 000000000..f8dbd6682 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayadmire.gif differ diff --git a/ruqqus/assets/images/emojis/taycat.gif b/ruqqus/assets/images/emojis/taycat.gif new file mode 100644 index 000000000..56c00971a Binary files /dev/null and b/ruqqus/assets/images/emojis/taycat.gif differ diff --git a/ruqqus/assets/images/emojis/taycelebrate.gif b/ruqqus/assets/images/emojis/taycelebrate.gif new file mode 100644 index 000000000..db4cbf36b Binary files /dev/null and b/ruqqus/assets/images/emojis/taycelebrate.gif differ diff --git a/ruqqus/assets/images/emojis/taychefkiss.gif b/ruqqus/assets/images/emojis/taychefkiss.gif new file mode 100644 index 000000000..4b1fe00ad Binary files /dev/null and b/ruqqus/assets/images/emojis/taychefkiss.gif differ diff --git a/ruqqus/assets/images/emojis/taychristmas.gif b/ruqqus/assets/images/emojis/taychristmas.gif new file mode 100644 index 000000000..35c80abe6 Binary files /dev/null and b/ruqqus/assets/images/emojis/taychristmas.gif differ diff --git a/ruqqus/assets/images/emojis/tayclap.gif b/ruqqus/assets/images/emojis/tayclap.gif new file mode 100644 index 000000000..2af61c12d Binary files /dev/null and b/ruqqus/assets/images/emojis/tayclap.gif differ diff --git a/ruqqus/assets/images/emojis/taycold.gif b/ruqqus/assets/images/emojis/taycold.gif new file mode 100644 index 000000000..84981397a Binary files /dev/null and b/ruqqus/assets/images/emojis/taycold.gif differ diff --git a/ruqqus/assets/images/emojis/taycrown.gif b/ruqqus/assets/images/emojis/taycrown.gif new file mode 100644 index 000000000..ff6e815ab Binary files /dev/null and b/ruqqus/assets/images/emojis/taycrown.gif differ diff --git a/ruqqus/assets/images/emojis/tayflex.gif b/ruqqus/assets/images/emojis/tayflex.gif new file mode 100644 index 000000000..9e0a8a09c Binary files /dev/null and b/ruqqus/assets/images/emojis/tayflex.gif differ diff --git a/ruqqus/assets/images/emojis/tayflirt.gif b/ruqqus/assets/images/emojis/tayflirt.gif new file mode 100644 index 000000000..09c5d66bc Binary files /dev/null and b/ruqqus/assets/images/emojis/tayflirt.gif differ diff --git a/ruqqus/assets/images/emojis/taygrimacing.gif b/ruqqus/assets/images/emojis/taygrimacing.gif new file mode 100644 index 000000000..f8352ac0f Binary files /dev/null and b/ruqqus/assets/images/emojis/taygrimacing.gif differ diff --git a/ruqqus/assets/images/emojis/tayhappy.gif b/ruqqus/assets/images/emojis/tayhappy.gif new file mode 100644 index 000000000..031cd717d Binary files /dev/null and b/ruqqus/assets/images/emojis/tayhappy.gif differ diff --git a/ruqqus/assets/images/emojis/tayheart.gif b/ruqqus/assets/images/emojis/tayheart.gif new file mode 100644 index 000000000..473c92ab5 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayheart.gif differ diff --git a/ruqqus/assets/images/emojis/tayhmm.gif b/ruqqus/assets/images/emojis/tayhmm.gif new file mode 100644 index 000000000..93dd094a0 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayhmm.gif differ diff --git a/ruqqus/assets/images/emojis/tayhuh.gif b/ruqqus/assets/images/emojis/tayhuh.gif new file mode 100644 index 000000000..78d1670bd Binary files /dev/null and b/ruqqus/assets/images/emojis/tayhuh.gif differ diff --git a/ruqqus/assets/images/emojis/tayhyperdab.gif b/ruqqus/assets/images/emojis/tayhyperdab.gif new file mode 100644 index 000000000..68508ffec Binary files /dev/null and b/ruqqus/assets/images/emojis/tayhyperdab.gif differ diff --git a/ruqqus/assets/images/emojis/tayjammin.gif b/ruqqus/assets/images/emojis/tayjammin.gif new file mode 100644 index 000000000..b3e6e9741 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayjammin.gif differ diff --git a/ruqqus/assets/images/emojis/taylaugh.gif b/ruqqus/assets/images/emojis/taylaugh.gif new file mode 100644 index 000000000..c892a6b1f Binary files /dev/null and b/ruqqus/assets/images/emojis/taylaugh.gif differ diff --git a/ruqqus/assets/images/emojis/taymindblown.gif b/ruqqus/assets/images/emojis/taymindblown.gif new file mode 100644 index 000000000..268b01af9 Binary files /dev/null and b/ruqqus/assets/images/emojis/taymindblown.gif differ diff --git a/ruqqus/assets/images/emojis/tayno.gif b/ruqqus/assets/images/emojis/tayno.gif new file mode 100644 index 000000000..930030331 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayno.gif differ diff --git a/ruqqus/assets/images/emojis/taynod.gif b/ruqqus/assets/images/emojis/taynod.gif new file mode 100644 index 000000000..d09b45d91 Binary files /dev/null and b/ruqqus/assets/images/emojis/taynod.gif differ diff --git a/ruqqus/assets/images/emojis/taypeace.gif b/ruqqus/assets/images/emojis/taypeace.gif new file mode 100644 index 000000000..ffa9ffce9 Binary files /dev/null and b/ruqqus/assets/images/emojis/taypeace.gif differ diff --git a/ruqqus/assets/images/emojis/taypray.gif b/ruqqus/assets/images/emojis/taypray.gif new file mode 100644 index 000000000..1e8410408 Binary files /dev/null and b/ruqqus/assets/images/emojis/taypray.gif differ diff --git a/ruqqus/assets/images/emojis/tayrun.gif b/ruqqus/assets/images/emojis/tayrun.gif new file mode 100644 index 000000000..fc8cd866a Binary files /dev/null and b/ruqqus/assets/images/emojis/tayrun.gif differ diff --git a/ruqqus/assets/images/emojis/tayscrunch.gif b/ruqqus/assets/images/emojis/tayscrunch.gif new file mode 100644 index 000000000..e9f99b2f4 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayscrunch.gif differ diff --git a/ruqqus/assets/images/emojis/tayshake.gif b/ruqqus/assets/images/emojis/tayshake.gif new file mode 100644 index 000000000..8981e2fa7 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayshake.gif differ diff --git a/ruqqus/assets/images/emojis/tayshrug.gif b/ruqqus/assets/images/emojis/tayshrug.gif new file mode 100644 index 000000000..bf97844f4 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayshrug.gif differ diff --git a/ruqqus/assets/images/emojis/taysilly.gif b/ruqqus/assets/images/emojis/taysilly.gif new file mode 100644 index 000000000..0909f6934 Binary files /dev/null and b/ruqqus/assets/images/emojis/taysilly.gif differ diff --git a/ruqqus/assets/images/emojis/tayslide.gif b/ruqqus/assets/images/emojis/tayslide.gif new file mode 100644 index 000000000..a21701f5b Binary files /dev/null and b/ruqqus/assets/images/emojis/tayslide.gif differ diff --git a/ruqqus/assets/images/emojis/taysmart.gif b/ruqqus/assets/images/emojis/taysmart.gif new file mode 100644 index 000000000..1e6b7416b Binary files /dev/null and b/ruqqus/assets/images/emojis/taysmart.gif differ diff --git a/ruqqus/assets/images/emojis/taystop.gif b/ruqqus/assets/images/emojis/taystop.gif new file mode 100644 index 000000000..3edf4f8e2 Binary files /dev/null and b/ruqqus/assets/images/emojis/taystop.gif differ diff --git a/ruqqus/assets/images/emojis/taytantrum.gif b/ruqqus/assets/images/emojis/taytantrum.gif new file mode 100644 index 000000000..0e392fc6c Binary files /dev/null and b/ruqqus/assets/images/emojis/taytantrum.gif differ diff --git a/ruqqus/assets/images/emojis/taytea.gif b/ruqqus/assets/images/emojis/taytea.gif new file mode 100644 index 000000000..ccb7ec1f8 Binary files /dev/null and b/ruqqus/assets/images/emojis/taytea.gif differ diff --git a/ruqqus/assets/images/emojis/taythink.gif b/ruqqus/assets/images/emojis/taythink.gif new file mode 100644 index 000000000..829d0b02c Binary files /dev/null and b/ruqqus/assets/images/emojis/taythink.gif differ diff --git a/ruqqus/assets/images/emojis/tayvibin.gif b/ruqqus/assets/images/emojis/tayvibin.gif new file mode 100644 index 000000000..841d96959 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayvibin.gif differ diff --git a/ruqqus/assets/images/emojis/taywhat.gif b/ruqqus/assets/images/emojis/taywhat.gif new file mode 100644 index 000000000..cb73d41e8 Binary files /dev/null and b/ruqqus/assets/images/emojis/taywhat.gif differ diff --git a/ruqqus/assets/images/emojis/taywine.gif b/ruqqus/assets/images/emojis/taywine.gif new file mode 100644 index 000000000..f8836da82 Binary files /dev/null and b/ruqqus/assets/images/emojis/taywine.gif differ diff --git a/ruqqus/assets/images/emojis/taywine2.gif b/ruqqus/assets/images/emojis/taywine2.gif new file mode 100644 index 000000000..5cdb5b49f Binary files /dev/null and b/ruqqus/assets/images/emojis/taywine2.gif differ diff --git a/ruqqus/assets/images/emojis/taywink.gif b/ruqqus/assets/images/emojis/taywink.gif new file mode 100644 index 000000000..6cd79eda3 Binary files /dev/null and b/ruqqus/assets/images/emojis/taywink.gif differ diff --git a/ruqqus/assets/images/emojis/tayyes.gif b/ruqqus/assets/images/emojis/tayyes.gif new file mode 100644 index 000000000..564871f71 Binary files /dev/null and b/ruqqus/assets/images/emojis/tayyes.gif differ diff --git a/ruqqus/assets/images/emojis/teehee.gif b/ruqqus/assets/images/emojis/teehee.gif new file mode 100644 index 000000000..de904bec7 Binary files /dev/null and b/ruqqus/assets/images/emojis/teehee.gif differ diff --git a/ruqqus/assets/images/emojis/tfwyougettrolled.gif b/ruqqus/assets/images/emojis/tfwyougettrolled.gif new file mode 100644 index 000000000..d658fc5f7 Binary files /dev/null and b/ruqqus/assets/images/emojis/tfwyougettrolled.gif differ diff --git a/ruqqus/assets/images/emojis/thinking.gif b/ruqqus/assets/images/emojis/thinking.gif new file mode 100644 index 000000000..8e8ea9b9f Binary files /dev/null and b/ruqqus/assets/images/emojis/thinking.gif differ diff --git a/ruqqus/assets/images/emojis/threesome.gif b/ruqqus/assets/images/emojis/threesome.gif new file mode 100644 index 000000000..5929c0ef7 Binary files /dev/null and b/ruqqus/assets/images/emojis/threesome.gif differ diff --git a/ruqqus/assets/images/emojis/throw.gif b/ruqqus/assets/images/emojis/throw.gif new file mode 100644 index 000000000..c1c5fd4ef Binary files /dev/null and b/ruqqus/assets/images/emojis/throw.gif differ diff --git a/ruqqus/assets/images/emojis/throwaway.gif b/ruqqus/assets/images/emojis/throwaway.gif new file mode 100644 index 000000000..5b9d050a2 Binary files /dev/null and b/ruqqus/assets/images/emojis/throwaway.gif differ diff --git a/ruqqus/assets/images/emojis/tickle.gif b/ruqqus/assets/images/emojis/tickle.gif new file mode 100644 index 000000000..3af0194a6 Binary files /dev/null and b/ruqqus/assets/images/emojis/tickle.gif differ diff --git a/ruqqus/assets/images/emojis/tomboy.gif b/ruqqus/assets/images/emojis/tomboy.gif new file mode 100644 index 000000000..0b8c1ee85 Binary files /dev/null and b/ruqqus/assets/images/emojis/tomboy.gif differ diff --git a/ruqqus/assets/images/emojis/trans.gif b/ruqqus/assets/images/emojis/trans.gif new file mode 100644 index 000000000..4c95fb627 Binary files /dev/null and b/ruqqus/assets/images/emojis/trans.gif differ diff --git a/ruqqus/assets/images/emojis/translord.gif b/ruqqus/assets/images/emojis/translord.gif new file mode 100644 index 000000000..767da3442 Binary files /dev/null and b/ruqqus/assets/images/emojis/translord.gif differ diff --git a/ruqqus/assets/images/emojis/transracial.gif b/ruqqus/assets/images/emojis/transracial.gif new file mode 100644 index 000000000..175e6a99e Binary files /dev/null and b/ruqqus/assets/images/emojis/transracial.gif differ diff --git a/ruqqus/assets/images/emojis/trollolol.gif b/ruqqus/assets/images/emojis/trollolol.gif new file mode 100644 index 000000000..1db001ee9 Binary files /dev/null and b/ruqqus/assets/images/emojis/trollolol.gif differ diff --git a/ruqqus/assets/images/emojis/truestorybro.gif b/ruqqus/assets/images/emojis/truestorybro.gif new file mode 100644 index 000000000..d67423c12 Binary files /dev/null and b/ruqqus/assets/images/emojis/truestorybro.gif differ diff --git a/ruqqus/assets/images/emojis/typing.gif b/ruqqus/assets/images/emojis/typing.gif new file mode 100644 index 000000000..9af51764f Binary files /dev/null and b/ruqqus/assets/images/emojis/typing.gif differ diff --git a/ruqqus/assets/images/emojis/uhuh.gif b/ruqqus/assets/images/emojis/uhuh.gif new file mode 100644 index 000000000..a4cd2dd62 Binary files /dev/null and b/ruqqus/assets/images/emojis/uhuh.gif differ diff --git a/ruqqus/assets/images/emojis/usa.gif b/ruqqus/assets/images/emojis/usa.gif new file mode 100644 index 000000000..475cdb3f7 Binary files /dev/null and b/ruqqus/assets/images/emojis/usa.gif differ diff --git a/ruqqus/assets/images/emojis/vampbat.gif b/ruqqus/assets/images/emojis/vampbat.gif new file mode 100644 index 000000000..7b8df7cb5 Binary files /dev/null and b/ruqqus/assets/images/emojis/vampbat.gif differ diff --git a/ruqqus/assets/images/emojis/viking.gif b/ruqqus/assets/images/emojis/viking.gif new file mode 100644 index 000000000..93591e747 Binary files /dev/null and b/ruqqus/assets/images/emojis/viking.gif differ diff --git a/ruqqus/assets/images/emojis/violin.gif b/ruqqus/assets/images/emojis/violin.gif new file mode 100644 index 000000000..ba2f4072d Binary files /dev/null and b/ruqqus/assets/images/emojis/violin.gif differ diff --git a/ruqqus/assets/images/emojis/vulgar.gif b/ruqqus/assets/images/emojis/vulgar.gif new file mode 100644 index 000000000..675974923 Binary files /dev/null and b/ruqqus/assets/images/emojis/vulgar.gif differ diff --git a/ruqqus/assets/images/emojis/wah.gif b/ruqqus/assets/images/emojis/wah.gif new file mode 100644 index 000000000..1c0617bbd Binary files /dev/null and b/ruqqus/assets/images/emojis/wah.gif differ diff --git a/ruqqus/assets/images/emojis/wat.gif b/ruqqus/assets/images/emojis/wat.gif new file mode 100644 index 000000000..72b255ac1 Binary files /dev/null and b/ruqqus/assets/images/emojis/wat.gif differ diff --git a/ruqqus/assets/images/emojis/whip.gif b/ruqqus/assets/images/emojis/whip.gif new file mode 100644 index 000000000..60ee5ae3e Binary files /dev/null and b/ruqqus/assets/images/emojis/whip.gif differ diff --git a/ruqqus/assets/images/emojis/whipping.gif b/ruqqus/assets/images/emojis/whipping.gif new file mode 100644 index 000000000..ed64f5267 Binary files /dev/null and b/ruqqus/assets/images/emojis/whipping.gif differ diff --git a/ruqqus/assets/images/emojis/wink.gif b/ruqqus/assets/images/emojis/wink.gif new file mode 100644 index 000000000..4b0e9e7a1 Binary files /dev/null and b/ruqqus/assets/images/emojis/wink.gif differ diff --git a/ruqqus/assets/images/emojis/witch.gif b/ruqqus/assets/images/emojis/witch.gif new file mode 100644 index 000000000..32b1cccc1 Binary files /dev/null and b/ruqqus/assets/images/emojis/witch.gif differ diff --git a/ruqqus/assets/images/emojis/wizard.gif b/ruqqus/assets/images/emojis/wizard.gif new file mode 100644 index 000000000..c5a73c50d Binary files /dev/null and b/ruqqus/assets/images/emojis/wizard.gif differ diff --git a/ruqqus/assets/images/emojis/woah.gif b/ruqqus/assets/images/emojis/woah.gif new file mode 100644 index 000000000..53836b14c Binary files /dev/null and b/ruqqus/assets/images/emojis/woah.gif differ diff --git a/ruqqus/assets/images/emojis/woo.gif b/ruqqus/assets/images/emojis/woo.gif new file mode 100644 index 000000000..ab611130b Binary files /dev/null and b/ruqqus/assets/images/emojis/woo.gif differ diff --git a/ruqqus/assets/images/emojis/work.gif b/ruqqus/assets/images/emojis/work.gif new file mode 100644 index 000000000..11e628892 Binary files /dev/null and b/ruqqus/assets/images/emojis/work.gif differ diff --git a/ruqqus/assets/images/emojis/worm.gif b/ruqqus/assets/images/emojis/worm.gif new file mode 100644 index 000000000..9eb80942b Binary files /dev/null and b/ruqqus/assets/images/emojis/worm.gif differ diff --git a/ruqqus/assets/images/emojis/worship.gif b/ruqqus/assets/images/emojis/worship.gif new file mode 100644 index 000000000..52e69df4c Binary files /dev/null and b/ruqqus/assets/images/emojis/worship.gif differ diff --git a/ruqqus/assets/images/emojis/wow.gif b/ruqqus/assets/images/emojis/wow.gif new file mode 100644 index 000000000..4b27f01d5 Binary files /dev/null and b/ruqqus/assets/images/emojis/wow.gif differ diff --git a/ruqqus/assets/images/emojis/xallthey.gif b/ruqqus/assets/images/emojis/xallthey.gif new file mode 100644 index 000000000..bec2859d6 Binary files /dev/null and b/ruqqus/assets/images/emojis/xallthey.gif differ diff --git a/ruqqus/assets/images/emojis/yay.gif b/ruqqus/assets/images/emojis/yay.gif new file mode 100644 index 000000000..970268cb5 Binary files /dev/null and b/ruqqus/assets/images/emojis/yay.gif differ diff --git a/ruqqus/assets/images/emojis/yuno.gif b/ruqqus/assets/images/emojis/yuno.gif new file mode 100644 index 000000000..9f4456030 Binary files /dev/null and b/ruqqus/assets/images/emojis/yuno.gif differ diff --git a/ruqqus/assets/images/emojis/zoomer.gif b/ruqqus/assets/images/emojis/zoomer.gif new file mode 100644 index 000000000..69220eeb1 Binary files /dev/null and b/ruqqus/assets/images/emojis/zoomer.gif differ diff --git a/ruqqus/assets/images/emojis/zoomersoy.gif b/ruqqus/assets/images/emojis/zoomersoy.gif new file mode 100644 index 000000000..5f92db30b Binary files /dev/null and b/ruqqus/assets/images/emojis/zoomersoy.gif differ diff --git a/ruqqus/assets/images/emojis/zzz.gif b/ruqqus/assets/images/emojis/zzz.gif new file mode 100644 index 000000000..5b7e2e57b Binary files /dev/null and b/ruqqus/assets/images/emojis/zzz.gif differ diff --git a/ruqqus/assets/images/favicon.png b/ruqqus/assets/images/favicon.png new file mode 100644 index 000000000..cfd55ab5e Binary files /dev/null and b/ruqqus/assets/images/favicon.png differ diff --git a/ruqqus/assets/images/nsfw.png b/ruqqus/assets/images/nsfw.png new file mode 100644 index 000000000..2d32aa768 Binary files /dev/null and b/ruqqus/assets/images/nsfw.png differ diff --git a/ruqqus/assets/images/platy.jpg b/ruqqus/assets/images/platy.jpg new file mode 100644 index 000000000..4f305cee6 Binary files /dev/null and b/ruqqus/assets/images/platy.jpg differ diff --git a/ruqqus/assets/images/preview.png b/ruqqus/assets/images/preview.png new file mode 100644 index 000000000..7783082e6 Binary files /dev/null and b/ruqqus/assets/images/preview.png differ diff --git a/ruqqus/assets/images/ruckus.png b/ruqqus/assets/images/ruckus.png new file mode 100644 index 000000000..e3cb809ff Binary files /dev/null and b/ruqqus/assets/images/ruckus.png differ diff --git a/ruqqus/assets/images/seized.png b/ruqqus/assets/images/seized.png new file mode 100644 index 000000000..2616b1b37 Binary files /dev/null and b/ruqqus/assets/images/seized.png differ diff --git a/ruqqus/assets/js/all_js.js b/ruqqus/assets/js/all_js.js new file mode 100644 index 000000000..29decacc0 --- /dev/null +++ b/ruqqus/assets/js/all_js.js @@ -0,0 +1,1487 @@ +// Using mouse + +document.body.addEventListener('mousedown', function() { + document.body.classList.add('using-mouse'); +}); + +document.body.addEventListener('keydown', function(event) { + if (event.keyCode === 9) { + document.body.classList.remove('using-mouse'); + } +}); + +// 2FA toggle modal + +$('#2faModal').on('hidden.bs.modal', function () { + + var box = document.getElementById("2faToggle"); + + box.checked = !box.checked; + +}); + +//email change + +// Show confirm password field when user clicks email box + +$('#new_email').on('input', function () { + + var id = document.getElementById("email-password"); + var id2 = document.getElementById("email-password-label"); + var id3 = document.getElementById("emailpasswordRequired"); + + id.classList.remove("d-none"); + id2.classList.remove("d-none"); + id3.classList.remove("d-none"); + +}); + +//GIFS + + // Identify which comment form to insert GIF into + + var commentFormID; + + function commentForm(form) { + commentFormID = form; + }; + + + // Insert EMOJI markdown into comment box function + + function getEmoji(searchTerm, form) { + + var emoji = ' :'+searchTerm+': ' + + var commentBox = document.getElementById(form); + + var old = commentBox.value; + + commentBox.value = old + emoji; + + } + + function loadEmojis(form) { + + const emojis = [ + { + type:'platy', + emojis: ['platyblush','platybruh','platycaveman','platycheer','platydown','platyeyes','platyheart','platylol','platymicdrop','platynooo','platysalute','platyseethe','platythumbsup','platywave'] + }, + { + type:'marsey', + emojis: ['marseysipping', 'marseyjamming','marseyangel','marseyblowkiss','marseycry','marseydead','marseyexcited','marseygift','marseyinabox','marseylaugh','marseylove','marseymad','marseyparty','marseyrain','marseyreading','marseyready','marseysad','marseyscarf','marseyshook','marseysleep','marseythumbsup','marseywave', 'marsey69', 'marseycomrade', 'marseyira', 'marseyisis', 'marseymerchant', 'marseynut', 'marseyreich', 'marseyglam', 'marseycowboy', 'marseypat', 'marseypanties', 'marseybingus', 'marseydepressed', 'marseygift'] + }, + { + type:'tay', + emojis: ['tayaaa','tayadmire','taycat','taycelebrate','taychefkiss','taychristmas','tayclap','taycold','taycrown','tayflex','tayflirt','taygrimacing','tayhappy','tayheart','tayhmm','tayhuh','tayhyperdab','tayjammin','taylaugh','taymindblown','tayno','taynod','taypeace','taypray','tayrun','tayscrunch','tayshake','tayshrug','taysilly','tayslide','taysmart','taystop','taytantrum','taytea','taythink','tayvibin','taywhat','taywine','taywine2','taywink','tayyes'] + }, + { + type:'classic', + emojis: ['2thumbsup','aliendj','ambulance','angry','angrywhip','argue','aroused','ashamed','badass','banana','band','banghead','batman','bigeyes','bite','blind','blowkiss','blush','bong','bounce','bow','breakheart','bs','cartwheel','cat','celebrate','chainsaw','cheers','clap','cold','confused','crazyeyes','cry','cthulhu','cute','D','daydream','ddr','deadpool','devilsmile','diddle','die','distress','disturbing','dizzy','domo','doughboy','drink','drool','dudeweedlmao','edward','electro','elephant','embarrassed','emo','emo2','evil','evilclown','evilgrin','facepalm','fap','flamethrower','flipbird','flirt','frown','gasp','glomp','go','gooby','grr','gtfo','guitar','haha','handshake','happydance','headbang','heart','heartbeat','hearts','highfive','hmm','hmph','holdhands','horny','hug','hugging','hugs','hump','humpbed','hysterical','ily','inlove','jason','jawdrop','jedi','jester','kaboom','kick','kiss','kitty','laughchair','lick','link','lol','lolbeat','loving','makeout','medal','megaman','megamanguitar','meow','metime','mooning','mummy','na','nauseous','nervous','ninja','nod','nono','omg','onfire','ooo','orly','p','paddle','panda','pandabutt','paranoid','party','pat','peek','pikachu','pimp','plzdie','poke','popcorn','pout','probe','puke','punch','quote','raccoon','roar','rofl','roflmao','rolleyes','sad','sadeyes','sadhug','samurai','sarcasm','scoot','scream','shmoopy','shrug','skull','slap','slapfight','sleepy','smackfish','smackhead','smh','smile','smoke','sonic','spank','sparta','sperm','spiderman','stab','star','stare','stfu','suicide','surprisehug','suspicious','sweat','swordfight','taco','talk2hand','tantrum','teehee','thinking','threesome','throw','throwaway','tickle','typing','uhuh','vampbat','viking','violin','vulgar','wah','wat','whip','whipping','wink','witch','wizard','woah','worm','woo','work','worship','wow','XD','yay','zzz'] + }, + { + type:'rage', + emojis: ['bitchplease','cerealguypart2','challengeaccepted','contentiouscereal','cryingatcuteness','derp','derpcornsyrup','derpcrying','derpcute','derpdumb','derpeuphoria','derpinahd','derpinapokerface','derpinasnickering','derpprocessing','derprealization','derpsnickering','derptalking','derpthinking','derpthumbsup','derpunimpressed','derpwhy','donotwant','epicfacefeatures','fancywithwine','fffffffuuuuuuuuuuuu','flipthetable','foreveralone','foreveralonehappy','hewillnever','idontknow','interuptedreading','iseewhatyoudidthere','killherkillher','ledesire','leexcited','legenius','lelolidk','lemiddlefinger','lemindblown','leokay','lepanicrunning','lepokerface','lepokerface2','lerageface','leseriousface','likeaboss','lolface','longwhiskers','manymiddlefingers','megusta','motherfucker','motherofgod','mysides','ohgodwhy','pervertedspiderman','picard','ragestrangle','rukiddingme','tfwyougettrolled','trollolol','truestorybro','xallthey','yuno'] + }, + { + type:'wojak', + emojis: ['abusivewife','ancap','bardfinn','bloomer','boomer','boomermonster','brainletbush','brainletcaved','brainletchair','brainletchest','brainletmaga','brainletpit','chad','chadarab','chadasian','chadblack','chadjesus','chadjew','chadjihadi','chadlatino','chadlibleft','chadnordic','chadsikh','chadusa','coomer','doomer','doomerfront','doomergirl','ethot','fatbrain','fatpriest','femboy','gogetter','grug','monke','nazijak','npc','npcfront','npcmaga','psychojak','ragejak','ragemask','ramonajak','soyjackwow','soyjak','soyjakfront','soyjakhipster','soyjakmaga','soyjakyell','tomboy','zoomer','zoomersoy'] + }, + { + type:'flags', + emojis: ['animesexual','blacknation','blm','blueline','dreamgender','fatpride','incelpride','israel','landlordlove','scalperpride','superstraight','trans','translord','transracial','usa'] + } + ] + + for (i=0; i < emojis.length; i++) { + + let container = document.getElementById(`EMOJIS_${emojis[i].type}`) + let str = '' + let arr = emojis[i].emojis + + for (j=0; j < arr.length; j++) { + str += ``; + } + + container.innerHTML = str + } + } + + + function getGif(searchTerm) { + + if (searchTerm !== undefined) { + document.getElementById('gifSearch').value = searchTerm; + } + else { + document.getElementById('gifSearch').value = null; + } + + // load more gifs div + var loadGIFs = document.getElementById('gifs-load-more'); + + // error message div + var noGIFs = document.getElementById('no-gifs-found'); + + // categories div + var cats = document.getElementById('GIFcats'); + + // container div + var container = document.getElementById('GIFs'); + + // modal body div + var modalBody = document.getElementById('gif-modal-body') + + // UI buttons + var backBtn = document.getElementById('gifs-back-btn'); + var cancelBtn = document.getElementById('gifs-cancel-btn'); + + container.innerHTML = ''; + + if (searchTerm == undefined) { + container.innerHTML = '
Agree
Laugh
Confused
Sad
Happy
Awesome
Yes
No
Love
Please
Scared
Angry
Awkward
Cringe
OMG
Why
Gross
Meh
' + backBtn.innerHTML = null; + cancelBtn.innerHTML = null; + noGIFs.innerHTML = null; + loadGIFs.innerHTML = null; + } else { + backBtn.innerHTML = ''; + + cancelBtn.innerHTML = ''; + + let gifs = []; + let apiKey = tenor_api_key(); + let lmt = 25; + let url = "https://g.tenor.com/v1/search/?q=" + searchTerm + "&key=" + apiKey + "&limit=" + lmt; + fetch(url) + .then(response => { + return response.json(); + }) + .then(json => { + let results = json.results.map(function(obj) { + return { + id: obj.id, + preview: obj.media[0].tinygif.url, + url: obj.media[0].gif.url, + source: obj.url, + bgColor: obj.bg_color + } + }); + + gifs = results + + // loop for fetching mutliple GIFs and creating the card divs + if (gifs.length) { + for (var i = 0; i < gifs.length; i++) { + container.innerHTML += ('
'); + noGIFs.innerHTML = null; + loadGIFs.innerHTML = '

Thou've reached the end of the list!

'; + } + } else { + noGIFs.innerHTML = '

Aw shucks. No GIFs found...

'; + container.innerHTML = null; + loadGIFs.innerHTML = null; + } + }) + .catch(err => alert(err)); + }; + } + // Insert GIF markdown into comment box function + + function insertGIF(url,form) { + + var gif = "![](" + url +")"; + + var commentBox = document.getElementById(form); + + var old = commentBox.value; + + commentBox.value = old + gif; + + } + + // When GIF keyboard is hidden, hide all GIFs + + $('#gifModal').on('hidden.bs.modal', function (e) { + + document.getElementById('gifSearch').value = null; + + // load more gifs div + + var loadGIFs = document.getElementById('gifs-load-more'); + + // no GIFs div + + var noGIFs = document.getElementById('no-gifs-found'); + + // container div + + var container = document.getElementById('GIFs'); + + // UI buttons + + var backBtn = document.getElementById('gifs-back-btn'); + + var cancelBtn = document.getElementById('gifs-cancel-btn'); + + // Remove inner HTML from container var + + container.innerHTML = '
Agree
Laugh
Confused
Sad
Happy
Awesome
Yes
No
Love
Please
Scared
Angry
Awkward
Cringe
OMG
Why
Gross
Meh
' + + // Hide UI buttons + + backBtn.innerHTML = null; + + cancelBtn.innerHTML = null; + + // Remove inner HTML from no gifs div + + noGIFs.innerHTML = null; + + // Hide no more gifs div + + loadGIFs.innerHTML = null; + + }); + +// comment collapse + +// Toggle comment collapse + +function collapse_comment(comment_id) { + + var comment = "comment-" + comment_id; + + document.getElementById(comment).classList.toggle("collapsed"); + +}; + +//Commenting form + +// Expand comment box on focus, hide otherwise + +$('.comment-box').focus(function (event) { + event.preventDefault(); + + $(this).parent().parent().addClass("collapsed"); + +}); + +// Comment edit form + +toggleEdit=function(id){ + comment=document.getElementById("comment-text-"+id); + form=document.getElementById("comment-edit-"+id); + box=document.getElementById('edit-box-comment-'+id); + actions = document.getElementById('comment-' + id +'-actions'); + + comment.classList.toggle("d-none"); + form.classList.toggle("d-none"); + actions.classList.toggle("d-none"); + autoExpand(box); +}; + +// Post edit form + +togglePostEdit=function(id){ + + body=document.getElementById("post-body"); + title=document.getElementById("post-title"); + form=document.getElementById("edit-post-body-"+id); + box=document.getElementById("post-edit-box-"+id); + box2=document.getElementById("post-edit-box2-"+id); + + body.classList.toggle("d-none"); + title.classList.toggle("d-none"); + form.classList.toggle("d-none"); + autoExpand(box); + autoExpand(box2); +}; + +//comment modding +function removeComment(post_id) { + url="/api/ban_comment/"+post_id + + callback=function(){ + document.getElementById("comment-"+post_id+"-only").classList.add("banned"); + + button=document.getElementById("moderate-"+post_id); + button.onclick=function(){approveComment(post_id)}; + button.innerHTML='Approve' + } + post(url, callback, "Comment has been removed.") +}; + +function approveComment(post_id) { + url="/api/unban_comment/"+post_id + + callback=function(){ + document.getElementById("comment-"+post_id+"-only").classList.remove("banned"); + + button=document.getElementById("moderate-"+post_id); + button.onclick=function(){removeComment(post_id)}; + button.innerHTML='Remove' + } + + post(url, callback, "Comment has been approved.") +} + +admin_comment=function(cid){ + + + var xhr = new XMLHttpRequest(); + xhr.open("post", "/api/distinguish_comment/"+cid); + + var form = new FormData(); + + form.append('formkey', formkey()); + + xhr.withCredentials=true; + xhr.onload=function(){ + if (xhr.status==200) { + comment=document.getElementById('comment-'+cid+'-only'); + comment.innerHTML=JSON.parse(xhr.response)["html"]; + } + else { + var commentError = document.getElementById("comment-error-text"); + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-error').toast('show'); + commentError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(form) +} + +//Autoexpand textedit comments + +function autoExpand (field) { + + //get current scroll position + xpos=window.scrollX; + ypos=window.scrollY; + + // Reset field height + field.style.height = 'inherit'; + + // Get the computed styles for the element + var computed = window.getComputedStyle(field); + + // Calculate the height + var height = parseInt(computed.getPropertyValue('border-top-width'), 10) + + parseInt(computed.getPropertyValue('padding-top'), 10) + + field.scrollHeight + + parseInt(computed.getPropertyValue('padding-bottom'), 10) + + parseInt(computed.getPropertyValue('border-bottom-width'), 10) + + 32; + + field.style.height = height + 'px'; + + //keep window position from changing + window.scrollTo(xpos,ypos); + +}; + +document.addEventListener('input', function (event) { + if (event.target.tagName.toLowerCase() !== 'textarea') return; + autoExpand(event.target); +}, false); + +// Delete Post + +function delete_postModal(id) { + + // Passed data for modal + + document.getElementById("deletePostButton-mobile").addEventListener("click", delete_post); + + document.getElementById("deletePostButton").addEventListener("click", delete_post); + + function delete_post(){ + + this.innerHTML='Deleting post'; + this.disabled = true; + post('/delete_post/' + id, + callback = function() { + + location.reload(); + } + ) + } + +}; + +// Delete Comment + +function delete_commentModal(id) { + + // Passed data for modal + + document.getElementById("deleteCommentButton").onclick = function() { + + this.innerHTML='Deleting comment'; + this.disabled = true; + post('/delete/comment/' + id, + callback = function() { + + location.reload(); + } + ) + } + +}; + +//Email verification text + +function emailVerifyText() { + + document.getElementById("email-verify-text").innerHTML = "Verification email sent! Please check your inbox."; + +} + +//flagging +// Flag Comment + +report_commentModal = function(id, author) { + + document.getElementById("comment-author").textContent = author; + + //offtopic.disabled=true; + + document.getElementById("reportCommentButton").onclick = function() { + + this.innerHTML='Reporting comment'; + this.disabled = true; + post('/api/flag/comment/' + id, + callback = function() { + + document.getElementById("reportCommentFormBefore").classList.add('d-none'); + document.getElementById("reportCommentFormAfter").classList.remove('d-none'); + } + ) + } + +}; + +$('#reportCommentModal').on('hidden.bs.modal', function () { + + var button = document.getElementById("reportCommentButton"); + + var beforeModal = document.getElementById("reportCommentFormBefore"); + var afterModal = document.getElementById("reportCommentFormAfter"); + + button.innerHTML='Report comment'; + button.disabled= false; + afterModal.classList.add('d-none'); + + if ( beforeModal.classList.contains('d-none') ) { + beforeModal.classList.remove('d-none'); + } + +}); + + +// Flag Submission + +report_postModal = function(id, author, board) { + + document.getElementById("post-author").textContent = author; + + selectbox=document.getElementById('report-type-dropdown'); + selectbox.value='reason_not_selected'; + + submitbutton=document.getElementById("reportPostButton"); + submitbutton.disabled=true; + + submitbutton.onclick = function() { + + this.innerHTML='Reporting post'; + this.disabled = true; + + var xhr = new XMLHttpRequest(); + xhr.open("POST", '/api/flag/post/'+id, true); + var form = new FormData() + form.append("formkey", formkey()); + + dropdown=document.getElementById("report-type-dropdown"); + form.append("report_type", dropdown.options[dropdown.selectedIndex].value); + + xhr.withCredentials=true; + + xhr.onload=function() { + document.getElementById("reportPostFormBefore").classList.add('d-none'); + document.getElementById("reportPostFormAfter").classList.remove('d-none'); + }; + + xhr.onerror=function(){alert(errortext)}; + xhr.send(form); + + } +}; + +$('#reportPostModal').on('hidden.bs.modal', function () { + + var button = document.getElementById("reportPostButton"); + + var beforeModal = document.getElementById("reportPostFormBefore"); + var afterModal = document.getElementById("reportPostFormAfter"); + + button.innerHTML='Report post'; + button.disabled= false; + + afterModal.classList.add('d-none'); + + if ( beforeModal.classList.contains('d-none') ) { + beforeModal.classList.remove('d-none'); + } + +}); + +//enlarge thumbs +// Enlarge submissionlisting thumbnail + +enlarge_thumb = function(post_id) { + + document.getElementById(post_id).classList.toggle("enlarged"); + +}; + +//iOS webapp stuff + +(function(document,navigator,standalone) { + // prevents links from apps from oppening in mobile safari + // this javascript must be the first script in your + if ((standalone in navigator) && navigator[standalone]) { + var curnode, location=document.location, stop=/^(a|html)$/i; + document.addEventListener('click', function(e) { + curnode=e.target; + while (!(stop).test(curnode.nodeName)) { + curnode=curnode.parentNode; + } + // Condidions to do this only on links to your own app + // if you want all links, use if('href' in curnode) instead. + if('href' in curnode && ( curnode.href.indexOf('http') || ~curnode.href.indexOf(location.host) ) ) { + e.preventDefault(); + location.href = curnode.href; + } + },false); + } + })(document,window.navigator,'standalone'); + +//POST + +function post(url, callback, errortext) { + var xhr = new XMLHttpRequest(); + xhr.open("POST", url, true); + var form = new FormData() + form.append("formkey", formkey()); + xhr.withCredentials=true; + xhr.onerror=function() { alert(errortext); }; + xhr.onload = function() { + if (xhr.status >= 200 && xhr.status < 300) { + callback(); + } else { + xhr.onerror(); + } + }; + xhr.send(form); +}; + +function post_toast(url, callback) { + var xhr = new XMLHttpRequest(); + xhr.open("POST", url, true); + var form = new FormData() + form.append("formkey", formkey()); + xhr.withCredentials=true; + + xhr.onload = function() { + if (xhr.status==204) {} + else if (xhr.status >= 200 && xhr.status < 300) { + $('#toast-post-success').toast('dispose'); + $('#toast-post-success').toast('show'); + document.getElementById('toast-post-success-text').innerText = JSON.parse(xhr.response)["message"]; + callback(xhr) + return true + + } else if (xhr.status >= 300 && xhr.status < 400) { + window.location.href = JSON.parse(xhr.response)["redirect"] + } else { + data=JSON.parse(xhr.response); + + $('#toast-post-error').toast('dispose'); + $('#toast-post-error').toast('show'); + document.getElementById('toast-post-error-text').innerText = data["error"]; + return false + + } + }; + + xhr.send(form); + + } + +//Element deleter + +function deleteElement(eid) { + x=document.getElementById(eid) + x.parentElement.removeChild(x) + +} + + +//Signup js +// Display username and password requirements on input + +$('#password-register').on('input', function () { + + var charCount = document.getElementById("password-register").value; + var id = document.getElementById("passwordHelpRegister"); + var successID = document.getElementById("passwordHelpSuccess"); + + if (charCount.length >= 8) { + id.classList.add("d-none"); + successID.classList.remove("d-none"); + } + else { + id.classList.remove("d-none"); + successID.classList.add("d-none"); + }; + +}); + +// Check username length, special chars + +$('#username-register').on('input', function () { + + var charCount = document.getElementById("username-register").value; + var id = document.getElementById("usernameHelpRegister"); + var successID = document.getElementById("usernameHelpSuccess"); + + var ruqqusAPI = '/api/is_available/' + charCount; + + if (charCount.length >= 3) { + + $.getJSON(ruqqusAPI, function(result) { + $.each(result, function(i, field) { + if (field == false) { + id.innerHTML = 'Username already taken :('; + } + }); + }); + + } + + if (!/[^a-zA-Z0-9_\-$]/.test(charCount)) { + // Change alert text + id.innerHTML = 'Username is a-okay!'; + + if (charCount.length < 3) { + id.innerHTML = 'Username must be at least 3 characters long.'; + } + else if (charCount.length > 25) { + id.innerHTML = 'Username must be 25 characters or less.'; + } + } + else { + id.innerHTML = 'No special characters or spaces allowed.'; + }; + +}); + +// Search Icon +// Change navbar search icon when form is in focus, active states + +$(".form-control").focus(function () { + $(this).prev('.input-group-append').removeClass().addClass('input-group-append-focus'); + $(this).next('.input-group-append').removeClass().addClass('input-group-append-focus'); +}); + +$(".form-control").focusout(function () { + $(this).prev('.input-group-append-focus').removeClass().addClass('input-group-append'); + $(this).next('.input-group-append-focus').removeClass().addClass('input-group-append'); +}); + +//spinner effect + +$(document).ready(function() { + $('#login').submit(function() { + // disable button + $("#login_button").prop("disabled", true); + // add spinner to button + $("#login_button").html('Signing in'); + }); +}); + +$(document).ready(function() { + $('#signup').submit(function() { + // disable button + $("#register_button").prop("disabled", true); + // add spinner to button + $("#register_button").html('Registering'); + }); +}); + +$(document).ready(function() { + $('#submitform').submit(function() { + // disable button + $("#create_button").prop("disabled", true); + // add spinner to button + $("#create_button").html('Creating post'); + }); +}); + +// Voting + +var upvote = function(event) { + + var type = event.target.dataset.contentType; + var id = event.target.dataset.idUp; + + var downvoteButton = document.getElementsByClassName(type + '-' + id + '-down'); + var upvoteButton = document.getElementsByClassName(type + '-' + id + '-up'); + var scoreText = document.getElementsByClassName(type + '-score-' + id); + + for (var j = 0; j < upvoteButton.length && j < downvoteButton.length && j < scoreText.length; j++) { + + var thisUpvoteButton = upvoteButton[j]; + var thisDownvoteButton = downvoteButton[j]; + var thisScoreText = scoreText[j]; + var thisScore = Number(thisScoreText.textContent); + + if (thisUpvoteButton.classList.contains('active')) { + thisUpvoteButton.classList.remove('active') + thisScoreText.textContent = thisScore - 1 + voteDirection = "0" + } else if (thisDownvoteButton.classList.contains('active')) { + thisUpvoteButton.classList.add('active') + thisDownvoteButton.classList.remove('active') + thisScoreText.textContent = thisScore + 2 + voteDirection = "1" + } else { + thisUpvoteButton.classList.add('active') + thisScoreText.textContent = thisScore + 1 + voteDirection = "1" + } + + if (thisUpvoteButton.classList.contains('active')) { + thisScoreText.classList.add('score-up') + thisScoreText.classList.remove('score-down') + thisScoreText.classList.remove('score') + } else if (thisDownvoteButton.classList.contains('active')) { + thisScoreText.classList.add('score-down') + thisScoreText.classList.remove('score-up') + thisScoreText.classList.remove('score') + } else { + thisScoreText.classList.add('score') + thisScoreText.classList.remove('score-up') + thisScoreText.classList.remove('score-down') + } + } + + post_toast("/api/vote/" + type + "/" + id + "/" + voteDirection); + +} + +var downvote = function(event) { + + var type = event.target.dataset.contentType; + var id = event.target.dataset.idDown; + + var downvoteButton = document.getElementsByClassName(type + '-' + id + '-down'); + var upvoteButton = document.getElementsByClassName(type + '-' + id + '-up'); + var scoreText = document.getElementsByClassName(type + '-score-' + id); + + for (var j = 0; j < upvoteButton.length && j < downvoteButton.length && j < scoreText.length; j++) { + + var thisUpvoteButton = upvoteButton[j]; + var thisDownvoteButton = downvoteButton[j]; + var thisScoreText = scoreText[j]; + var thisScore = Number(thisScoreText.textContent); + + if (thisDownvoteButton.classList.contains('active')) { + thisDownvoteButton.classList.remove('active') + thisScoreText.textContent = thisScore + 1 + voteDirection = "0" + } else if (thisUpvoteButton.classList.contains('active')) { + thisDownvoteButton.classList.add('active') + thisUpvoteButton.classList.remove('active') + thisScoreText.textContent = thisScore - 2 + voteDirection = "-1" + } else { + thisDownvoteButton.classList.add('active') + thisScoreText.textContent = thisScore - 1 + voteDirection = "-1" + } + + if (thisUpvoteButton.classList.contains('active')) { + thisScoreText.classList.add('score-up') + thisScoreText.classList.remove('score-down') + thisScoreText.classList.remove('score') + } else if (thisDownvoteButton.classList.contains('active')) { + thisScoreText.classList.add('score-down') + thisScoreText.classList.remove('score-up') + thisScoreText.classList.remove('score') + } else { + thisScoreText.classList.add('score') + thisScoreText.classList.remove('score-up') + thisScoreText.classList.remove('score-down') + } + } + + post_toast("/api/vote/" + type + "/" + id + "/" + voteDirection); + +} + + +var register_votes = function() { + var upvoteButtons = document.getElementsByClassName('upvote-button') + + var downvoteButtons = document.getElementsByClassName('downvote-button') + + var voteDirection = 0 + + for (var i = 0; i < upvoteButtons.length; i++) { + upvoteButtons[i].addEventListener('click', upvote, false); + upvoteButtons[i].addEventListener('keydown', function(event) { + if (event.keyCode === 13) { + upvote(event) + } + }, false) + }; + + for (var i = 0; i < downvoteButtons.length; i++) { + downvoteButtons[i].addEventListener('click', downvote, false); + downvoteButtons[i].addEventListener('keydown', function(event) { + if (event.keyCode === 13) { + downvote(event) + } + }, false) + }; +} + +register_votes() + +function vote_comment(comment_id, direction) { + url="/api/vote/comment/"+ comment_id +"/"+direction; + + callback=function(){ + thing = document.getElementById("comment-"+ comment_id+"-actions"); + uparrow1=document.getElementById("comment-"+ comment_id +"-up"); + downarrow1=document.getElementById("comment-"+ comment_id +"-down"); + scoreup1=document.getElementById("comment-"+ comment_id +"-score-up"); + scorenone1=document.getElementById("comment-"+ comment_id +"-score-none"); + scoredown1=document.getElementById("comment-"+ comment_id +"-score-down"); + + if (direction=="1") { + thing.classList.add("upvoted"); + thing.classList.remove("downvoted"); + uparrow1.onclick=function(){vote_comment(comment_id, 0)}; + downarrow1.onclick=function(){vote_comment(comment_id, -1)}; + scoreup1.classList.remove("d-none"); + scorenone1.classList.add("d-none"); + scoredown1.classList.add("d-none"); + } + else if (direction=="-1"){ + thing.classList.remove("upvoted"); + thing.classList.add("downvoted"); + uparrow1.onclick=function(){vote_comment(comment_id, 1)}; + downarrow1.onclick=function(){vote_comment(comment_id, 0)}; + scoreup1.classList.add("d-none"); + scorenone1.classList.add("d-none"); + scoredown1.classList.remove("d-none"); + } + else if (direction=="0"){ + thing.classList.remove("upvoted"); + thing.classList.remove("downvoted"); + uparrow1.onclick=function(){vote_comment(comment_id, 1)}; + downarrow1.onclick=function(){vote_comment(comment_id, -1)}; + scoreup1.classList.add("d-none"); + scorenone1.classList.remove("d-none"); + scoredown1.classList.add("d-none"); + } + } + + post(url, callback, "Unable to vote at this time. Please try again later."); +} + +//yt embed + +function getId(url) { + var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; + var match = url.match(regExp); + + if (match && match[2].length == 11) { + return match[2]; + } else { + return 'error'; + } +} + +var myUrl = $('#embedURL').text(); + +myId = getId(myUrl); + +$('#ytEmbed').html(''); + + +// Expand Images on Desktop + +function expandDesktopImage(image, link) { + +// Link text + +var linkText = document.getElementById("desktop-expanded-image-link"); +var imgLink = document.getElementById("desktop-expanded-image-wrap-link"); + +var inlineImage = document.getElementById("desktop-expanded-image"); + +inlineImage.src = image.replace("100w.gif", "giphy.gif"); +linkText.href = image; +imgLink.href=image; + +if (image.includes("i.ruqqus.ga")) { + linkText.textContent = 'Go to website'; +} +else { + linkText.textContent = 'View original'; +} +}; + +// When image modal is closed + +$('#expandImageModal').on('hidden.bs.modal', function (e) { + + // remove image src and link + + document.getElementById("desktop-expanded-image").src = ''; + + document.getElementById("desktop-expanded-image-link").href = ''; + +}); + +// Text Formatting + +// Bold Text + +makeBold = function (form) { + var text = document.getElementById(form); + var startIndex = text.selectionStart, + endIndex = text.selectionEnd; + var selectedText = text.value.substring(startIndex, endIndex); + + var format = '**' + + if (selectedText.includes('**')) { + text.value = selectedText.replace(/\*/g, ''); + + } + else if (selectedText.length == 0) { + text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex); + } + else { + text.value = text.value.substring(0, startIndex) + format + selectedText + format + text.value.substring(endIndex); + } +} + +// Italicize Comment Text + +makeItalics = function (form) { + var text = document.getElementById(form); + var startIndex = text.selectionStart, + endIndex = text.selectionEnd; + var selectedText = text.value.substring(startIndex, endIndex); + + var format = '*' + + if (selectedText.includes('*')) { + text.value = selectedText.replace(/\*/g, ''); + + } + else if (selectedText.length == 0) { + text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex); + } + else { + text.value = text.value.substring(0, startIndex) + format + selectedText + format + text.value.substring(endIndex); + } +} + +// Quote Comment Text + +makeQuote = function (form) { + var text = document.getElementById(form); + var startIndex = text.selectionStart, + endIndex = text.selectionEnd; + var selectedText = text.value.substring(startIndex, endIndex); + + var format = '>' + + if (selectedText.includes('>')) { + text.value = text.value.substring(0, startIndex) + selectedText.replace(/\>/g, '') + text.value.substring(endIndex); + + } + else if (selectedText.length == 0) { + text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex); + } + else { + text.value = text.value.substring(0, startIndex) + format + selectedText + text.value.substring(endIndex); + } +} + +// Character Count + +function charLimit(form, text) { + + var input = document.getElementById(form); + + var text = document.getElementById(text); + + var length = input.value.length; + + var maxLength = input.getAttribute("maxlength"); + + if (length >= maxLength) { + text.style.color = "#E53E3E"; + } + else if (length >= maxLength * .72){ + text.style.color = "#FFC107"; + } + else { + text.style.color = "#A0AEC0"; + } + + text.innerText = maxLength - length; + +} + +// Mobile bottom navigation bar + +window.onload = function () { + var prevScrollpos = window.pageYOffset; + window.onscroll = function () { + var currentScrollPos = window.pageYOffset; + + var topBar = document.getElementById("fixed-bar-mobile"); + + var bottomBar = document.getElementById("mobile-bottom-navigation-bar"); + + var dropdown = document.getElementById("mobileSortDropdown"); + + var navbar = document.getElementById("navbar"); + + if (bottomBar != null) { + if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 65)) { + bottomBar.style.bottom = "0px"; + } + else if (currentScrollPos <= 125 && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 65)) { + bottomBar.style.bottom = "0px"; + } + else if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) >= (document.body.offsetHeight - 65)) { + bottomBar.style.bottom = "-50px"; + } + else { + bottomBar.style.bottom = "-50px"; + } + } + + // Execute if bottomBar exists + + if (topBar != null && dropdown != null) { + if (prevScrollpos > currentScrollPos) { + topBar.style.top = "48px"; + navbar.classList.remove("shadow"); + } + else if (currentScrollPos <= 125) { + topBar.style.top = "48px"; + navbar.classList.remove("shadow"); + } + else { + topBar.style.top = "-48px"; + dropdown.classList.remove('show'); + navbar.classList.add("shadow"); + } + } + prevScrollpos = currentScrollPos; +} +} + +// Tooltips + +$(document).ready(function(){ + $('[data-toggle="tooltip"]').tooltip(); +}); + +// Paste to create submission + +document.addEventListener('paste', function (event) { + + var nothingFocused = document.activeElement === document.body; + + if (nothingFocused) { + + if (document.getElementById('guild-name-reference')) { + var guild = document.getElementById('guild-name-reference').innerText; + } + + var clipText = event.clipboardData.getData('Text'); + + var url = new RegExp('^(?:[a-z]+:)?//', 'i'); + + if (url.test(clipText) && window.location.pathname !== '/submit' && guild == undefined) { + window.location.href = '/submit?url=' + clipText; + } + else if (url.test(clipText) && window.location.pathname !== '/submit' && guild !== undefined) { + window.location.href = '/submit?url=' + clipText + '&guild=' + guild; + } + else if (url.test(clipText) && window.location.pathname == '/submit' && guild == undefined) { + + document.getElementById("post-URL").value = clipText; + + autoSuggestTitle() + + } + } +}); + +// Submit Page Front-end Validation + +function checkForRequired() { + +// Divs + +var title = document.getElementById("post-title"); + +var url = document.getElementById("post-URL"); + +var text = document.getElementById("post-text"); + +var button = document.getElementById("create_button"); + +var image = document.getElementById("file-upload"); + +// Toggle reuqired attribute + +if (url.value.length > 0 || image.value.length > 0) { + text.required = false; + url.required=false; +} else if (text.value.length > 0 || image.value.length > 0) { + url.required = false; +} else { + text.required = true; + url.required = true; +} + +// Validity check + +var isValidTitle = title.checkValidity(); + +var isValidURL = url.checkValidity(); + +var isValidText = text.checkValidity(); + +// Disable submit button if invalid inputs + +if (isValidTitle && (isValidURL || image.value.length>0)) { + button.disabled = false; +} else if (isValidTitle && isValidText) { + button.disabled = false; +} else { + button.disabled = true; +} + +} + +// Auto-suggest title given URL + +function autoSuggestTitle() { + + var urlField = document.getElementById("post-URL"); + + var titleField = document.getElementById("post-title"); + + var isValidURL = urlField.checkValidity(); + + if (isValidURL && urlField.value.length > 0 && titleField.value === "") { + + var x = new XMLHttpRequest(); + x.withCredentials=true; + x.onreadystatechange = function() { + if (x.readyState == 4 && x.status == 200) { + + title=JSON.parse(x.responseText)["title"]; + titleField.value=title; + + checkForRequired() + } + } + x.open('get','/submit/title?url=' + urlField.value); + x.send(null); + + }; + +}; + +// Run AutoSuggestTitle function on load + +if (window.location.pathname=='/submit') { + window.onload = autoSuggestTitle(); +} + +// Invite user to mod +function invite_mod_to_guild(boardid) { + + var inviteForm = document.getElementById("invite-form"); + + var inviteError = document.getElementById("toast-error-message"); + + var usernameField = document.getElementById("invite-username"); + + var isValidUsername = usernameField.checkValidity(); + + username = usernameField.value; + + if (isValidUsername) { + + var xhr = new XMLHttpRequest(); + xhr.open("post", "/mod/invite_mod/"+boardid); + xhr.withCredentials=true; + f=new FormData(); + f.append("username", username); + f.append("formkey", formkey()); + xhr.onload=function(){ + if (xhr.status==204) { + window.location.reload(true); + } + else { + $('#toast-invite-error').toast('dispose'); + $('#toast-invite-error').toast('show'); + inviteError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(f) + } + +} + +block_user=function() { + + var exileForm = document.getElementById("exile-form"); + + var exileError = document.getElementById("toast-error-message"); + + var usernameField = document.getElementById("exile-username"); + + var isValidUsername = usernameField.checkValidity(); + + username = usernameField.value; + + if (isValidUsername) { + + var xhr = new XMLHttpRequest(); + xhr.open("post", "/settings/block"); + xhr.withCredentials=true; + f=new FormData(); + f.append("username", username); + f.append("formkey", formkey()); + xhr.onload=function(){ + if (xhr.status<300) { + window.location.reload(true); + } + else { + $('#toast-exile-error').toast('dispose'); + $('#toast-exile-error').toast('show'); + exileError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(f) + } + +} + +post_comment=function(fullname){ + + + var form = new FormData(); + + form.append('formkey', formkey()); + form.append('parent_fullname', fullname); + form.append('submission', document.getElementById('reply-form-submission-'+fullname).value); + form.append('body', document.getElementById('reply-form-body-'+fullname).value); + form.append('file', document.getElementById('file-upload-reply-'+fullname).files[0]); + var xhr = new XMLHttpRequest(); + xhr.open("post", "/api/comment"); + xhr.withCredentials=true; + xhr.onload=function(){ + if (xhr.status==200) { + commentForm=document.getElementById('comment-form-space-'+fullname); + commentForm.innerHTML=JSON.parse(xhr.response)["html"]; + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-success').toast('show'); + } + else { + var commentError = document.getElementById("comment-error-text"); + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-error').toast('show'); + commentError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(form) + + document.getElementById('save-reply-to-'+fullname).classList.add('disabled'); + +} + +herald_comment=function(bid,cid){ + + + var xhr = new XMLHttpRequest(); + xhr.open("post", "/mod/distinguish_comment/"+bid+'/'+cid); + + var form = new FormData(); + + form.append('formkey', formkey()); + + xhr.withCredentials=true; + xhr.onload=function(){ + if (xhr.status==200) { + comment=document.getElementById('comment-'+cid+'-only'); + comment.innerHTML=JSON.parse(xhr.response)["html"]; + } + else { + var commentError = document.getElementById("comment-error-text"); + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-error').toast('show'); + commentError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(form) + +} + +//part of submit page js + +hide_image=function(){ + x=document.getElementById('image-upload-block'); + url=document.getElementById('post-URL').value; + if (url.length>=1){ + x.classList.add('d-none'); + } + else { + x.classList.remove('d-none'); + } +} + + +comment_edit=function(id){ + + var commentError = document.getElementById("comment-error-text"); + + var form = new FormData(); + + form.append('formkey', formkey()); + form.append('body', document.getElementById('comment-edit-body-'+id).value); + form.append('file', document.getElementById('file-edit-reply-'+id).files[0]); + + var xhr = new XMLHttpRequest(); + xhr.open("post", "/edit_comment/"+id); + xhr.withCredentials=true; + xhr.onload=function(){ + if (xhr.status==200) { + commentForm=document.getElementById('comment-text-'+id); + commentForm.innerHTML=JSON.parse(xhr.response)["html"]; + document.getElementById('cancel-edit-'+id).click() + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-success').toast('show'); + } + else { + $('#toast-comment-success').toast('dispose'); + $('#toast-comment-error').toast('dispose'); + $('#toast-comment-error').toast('show'); + commentError.textContent = JSON.parse(xhr.response)["error"]; + } + } + xhr.send(form) + +} + + +//mobile prompt +if (("standalone" in window.navigator) && // Check if "standalone" property exists + window.navigator.standalone){ // Test if using standalone navigator + + // Web page is loaded via app mode (full-screen mode) + // (window.navigator.standalone is TRUE if user accesses website via App Mode) + +} else { + if (window.innerWidth <= 737){ + try { + $('#mobile-prompt').tooltip('show') + $('.tooltip')[0].addEventListener( + 'click', + function(event){ + $('#mobile-prompt').tooltip('hide') + var xhr = new XMLHttpRequest(); + xhr.withCredentials=true; + xhr.open("POST", '/dismiss_mobile_tip', true); + xhr.send(); + } + ) + } catch (error) { + console.error(error); + } + } +} + +$('.mention-user').click(function (event) { + + if (event.which != 1) { + return + } + + event.preventDefault(); + + window.location.href='/@' + $(this).data('original-name'); + +}); + +$('.expandable-image').click( function(event) { + + if (event.which != 1) { + return + } + event.preventDefault(); + + var url= $(this).data('url'); + + expandDesktopImage(url,url); +}) + +$('.text-expand').click(function(event){ + if (event.which != 1) { + return + }; + id=$(this).data('id'); + + + $('#post-text-'+id).toggleClass('d-none'); + $('.text-expand-icon-'+id).toggleClass('fa-expand-alt'); + $('.text-expand-icon-'+id).toggleClass('fa-compress-alt'); + +}) + +if (window.location.pathname.includes('/@')) { + var userid = document.getElementById("userid").value; + if (userid != "nosong") + { + var audio = new Audio(`/songs/${userid}`); + audio.loop=true; + audio.play(); + document.getElementById('userpage').addEventListener('click', () => { + if (audio.paused) audio.play(); + }, {once : true}); + } +} \ No newline at end of file diff --git a/ruqqus/assets/js/bootstrap.js b/ruqqus/assets/js/bootstrap.js new file mode 100644 index 000000000..322e3c31e --- /dev/null +++ b/ruqqus/assets/js/bootstrap.js @@ -0,0 +1,1999 @@ +/** +* bootstrap.js v3.0.0 by @fat and @mdo +* Copyright 2013 Twitter Inc. +* https://www.apache.org/licenses/LICENSE-2.0 +*/ +if (!jQuery) { throw new Error("Bootstrap requires jQuery") } + +/* ======================================================================== + * Bootstrap: transition.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#transitions + * ======================================================================== + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // CSS TRANSITION SUPPORT (Shoutout: https://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + } + + // https://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false, $el = this + $(this).one($.support.transition.end, function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: alert.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#alerts + * ======================================================================== + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + $parent.trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one($.support.transition.end, removeElement) + .emulateTransitionEnd(150) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + var old = $.fn.alert + + $.fn.alert = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: button.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#buttons + * ======================================================================== + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + } + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (!data.resetText) $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout(function () { + state == 'loadingText' ? + $el.addClass(d).attr(d, d) : + $el.removeClass(d).removeAttr(d); + }, 0) + } + + Button.prototype.toggle = function () { + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + .prop('checked', !this.$element.hasClass('active')) + .trigger('change') + if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active') + } + + this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + var old = $.fn.button + + $.fn.button = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + e.preventDefault() + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: carousel.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#carousel + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.pause == 'hover' && this.$element + .on('mouseenter', $.proxy(this.pause, this)) + .on('mouseleave', $.proxy(this.cycle, this)) + } + + Carousel.DEFAULTS = { + interval: 5000 + , pause: 'hover' + , wrap: true + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() + + return this.$items.index(this.$active) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition.end) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + + this.sliding = true + + isCycling && this.pause() + + var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) + + if ($next.hasClass('active')) return + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') + }) + } + + if ($.support.transition && this.$element.hasClass('slide')) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + .emulateTransitionEnd(600) + } else { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid') + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + var old = $.fn.carousel + + $.fn.carousel = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + var $this = $(this), href + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + $target.carousel(options) + + if (slideIndex = $this.attr('data-slide-to')) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + }) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + $carousel.carousel($carousel.data()) + }) + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: collapse.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#collapse + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.transitioning = null + + if (this.options.parent) this.$parent = $(this.options.parent) + if (this.options.toggle) this.toggle() + } + + Collapse.DEFAULTS = { + toggle: true + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var actives = this.$parent && this.$parent.find('> .panel > .in') + + if (actives && actives.length) { + var hasData = actives.data('bs.collapse') + if (hasData && hasData.transitioning) return + actives.collapse('hide') + hasData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing') + [dimension](0) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('in') + [dimension]('auto') + this.transitioning = 0 + this.$element.trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + [dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element + [dimension](this.$element[dimension]()) + [0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse') + .removeClass('in') + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .trigger('hidden.bs.collapse') + .removeClass('collapsing') + .addClass('collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + var old = $.fn.collapse + + $.fn.collapse = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { + var $this = $(this), href + var target = $this.attr('data-target') + || e.preventDefault() + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 + var $target = $(target) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $this.data() + var parent = $this.attr('data-parent') + var $parent = parent && $(parent) + + if (!data || !data.transitioning) { + if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') + $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + } + + $target.collapse(option) + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: dropdown.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#dropdowns + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + var $el = $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we we use a backdrop because click events don't delegate + $('
').insertAfter($(this)).on('click', clearMenus) + } + + $parent.trigger(e = $.Event('show.bs.dropdown')) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown') + + $this.focus() + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27)/.test(e.keyCode)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } + + var $items = $('[role=menu] li:not(.divider):visible a', $parent) + + if (!$items.length) return + + var index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index=0 + + $items.eq(index).focus() + } + + function clearMenus() { + $(backdrop).remove() + $(toggle).each(function (e) { + var $parent = getParent($(this)) + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown')) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown') + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + var old = $.fn.dropdown + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('dropdown') + + if (!data) $this.data('dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api' , toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: modal.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#modals + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$element = $(element) + this.$backdrop = + this.isShown = null + + if (this.options.remote) this.$element.load(this.options.remote) + } + + Modal.DEFAULTS = { + backdrop: true + , keyboard: true + , show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this[!this.isShown ? 'show' : 'hide'](_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.escape() + + this.$element.on('click.dismiss.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) // don't move modals dom position + } + + that.$element.show() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$element.find('.modal-dialog') // wait for modal to slide in + .one($.support.transition.end, function () { + that.$element.focus().trigger(e) + }) + .emulateTransitionEnd(300) : + that.$element.focus().trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one($.support.transition.end, $.proxy(this.hideModal, this)) + .emulateTransitionEnd(300) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('
') + .appendTo(document.body) + + this.$element.on('click.dismiss.modal', $.proxy(function (e) { + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this) + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (callback) { + callback() + } + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + var old = $.fn.modal + + $.fn.modal = function (option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + e.preventDefault() + + $target + .modal(option, this) + .one('hide', function () { + $this.is(':visible') && $this.focus() + }) + }) + + $(document) + .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') }) + .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: tooltip.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + + this.init('tooltip', element, options) + } + + Tooltip.DEFAULTS = { + animation: true + , placement: 'top' + , selector: false + , template: '
' + , trigger: 'hover focus' + , title: '' + , delay: 0 + , html: false + , container: false + } + + Tooltip.prototype.init = function (type, element, options) { + this.enabled = true + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + + var triggers = this.options.trigger.split(' ') + + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay + , hide: options.delay + } + } + + return options + } + + Tooltip.prototype.getDelegateOptions = function () { + var options = {} + var defaults = this.getDefaults() + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }) + + return options + } + + Tooltip.prototype.enter = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'in' + + if (!self.options.delay || !self.options.delay.show) return self.show() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + Tooltip.prototype.leave = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'out' + + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + Tooltip.prototype.show = function () { + var e = $.Event('show.bs.'+ this.type) + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + var $tip = this.tip() + + this.setContent() + + if (this.options.animation) $tip.addClass('fade') + + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + var autoToken = /\s?auto?\s?/i + var autoPlace = autoToken.test(placement) + if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + .addClass(placement) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (autoPlace) { + var $parent = this.$element.parent() + + var orgPlacement = placement + var docScroll = document.documentElement.scrollTop || document.body.scrollTop + var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth() + var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight() + var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left + + placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' : + placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' : + placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' : + placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' : + placement + + $tip + .removeClass(orgPlacement) + .addClass(placement) + } + + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + + this.applyPlacement(calculatedOffset, placement) + this.$element.trigger('shown.bs.' + this.type) + } + } + + Tooltip.prototype.applyPlacement = function(offset, placement) { + var replace + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight + + // manually read margins because getBoundingClientRect includes difference + var marginTop = parseInt($tip.css('margin-top'), 10) + var marginLeft = parseInt($tip.css('margin-left'), 10) + + // we must check for NaN for ie 8/9 + if (isNaN(marginTop)) marginTop = 0 + if (isNaN(marginLeft)) marginLeft = 0 + + offset.top = offset.top + marginTop + offset.left = offset.left + marginLeft + + $tip + .offset(offset) + .addClass('in') + + // check to see if placing tip in new offset caused the tip to resize itself + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + replace = true + offset.top = offset.top + height - actualHeight + } + + if (/bottom|top/.test(placement)) { + var delta = 0 + + if (offset.left < 0) { + delta = offset.left * -2 + offset.left = 0 + + $tip.offset(offset) + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + } + + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') + } + + if (replace) $tip.offset(offset) + } + + Tooltip.prototype.replaceArrow = function(delta, dimension, position) { + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') + } + + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('hide.bs.' + this.type) + + function complete() { + if (that.hoverState != 'in') $tip.detach() + } + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one($.support.transition.end, complete) + .emulateTransitionEnd(150) : + complete() + + this.$element.trigger('hidden.bs.' + this.type) + + return this + } + + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } + + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth + , height: el.offsetHeight + }, this.$element.offset()) + } + + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } + } + + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } + + Tooltip.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow') + } + + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null + } + } + + Tooltip.prototype.enable = function () { + this.enabled = true + } + + Tooltip.prototype.disable = function () { + this.enabled = false + } + + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } + + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this + self.tip().hasClass('in') ? self.leave(self) : self.enter(self) + } + + Tooltip.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) + } + + + // TOOLTIP PLUGIN DEFINITION + // ========================= + + var old = $.fn.tooltip + + $.fn.tooltip = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tooltip') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tooltip.Constructor = Tooltip + + + // TOOLTIP NO CONFLICT + // =================== + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: popover.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#popovers + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // POPOVER PUBLIC CLASS DEFINITION + // =============================== + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + + Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right' + , trigger: 'click' + , content: '' + , template: '

' + }) + + + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + + Popover.prototype.constructor = Popover + + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } + + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) + + $tip.removeClass('fade top bottom left right in') + + // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do + // this manually by checking the contents. + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() + } + + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } + + Popover.prototype.getContent = function () { + var $e = this.$element + var o = this.options + + return $e.attr('data-content') + || (typeof o.content == 'function' ? + o.content.call($e[0]) : + o.content) + } + + Popover.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.arrow') + } + + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } + + + // POPOVER PLUGIN DEFINITION + // ========================= + + var old = $.fn.popover + + $.fn.popover = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.popover') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.popover.Constructor = Popover + + + // POPOVER NO CONFLICT + // =================== + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: scrollspy.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#scrollspy + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // SCROLLSPY CLASS DEFINITION + // ========================== + + function ScrollSpy(element, options) { + var href + var process = $.proxy(this.process, this) + + this.$element = $(element).is('body') ? $(window) : $(element) + this.$body = $('body') + this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process) + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target + || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + || '') + ' .nav li > a' + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + + this.refresh() + this.process() + } + + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.refresh = function () { + var offsetMethod = this.$element[0] == window ? 'offset' : 'position' + + this.offsets = $([]) + this.targets = $([]) + + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#\w/.test(href) && $(href) + + return ($href + && $href.length + && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } + } + + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + $(this.selector) + .parents('.active') + .removeClass('active') + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== + + var old = $.fn.scrollspy + + $.fn.scrollspy = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.scrollspy.Constructor = ScrollSpy + + + // SCROLLSPY NO CONFLICT + // ===================== + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + // SCROLLSPY DATA-API + // ================== + + $(window).on('load', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + $spy.scrollspy($spy.data()) + }) + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: tab.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#tabs + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // TAB CLASS DEFINITION + // ==================== + + var Tab = function (element) { + this.element = $(element) + } + + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + if ($this.parent('li').hasClass('active')) return + + var previous = $ul.find('.active:last a')[0] + var e = $.Event('show.bs.tab', { + relatedTarget: previous + }) + + $this.trigger(e) + + if (e.isDefaultPrevented()) return + + var $target = $(selector) + + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'shown.bs.tab' + , relatedTarget: previous + }) + }) + } + + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } + + callback && callback() + } + + transition ? + $active + .one($.support.transition.end, next) + .emulateTransitionEnd(150) : + next() + + $active.removeClass('in') + } + + + // TAB PLUGIN DEFINITION + // ===================== + + var old = $.fn.tab + + $.fn.tab = function ( option ) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tab') + + if (!data) $this.data('bs.tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tab.Constructor = Tab + + + // TAB NO CONFLICT + // =============== + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + // TAB DATA-API + // ============ + + $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + e.preventDefault() + $(this).tab('show') + }) + +}(window.jQuery); + +/* ======================================================================== + * Bootstrap: affix.js v3.0.0 + * https://twbs.github.com/bootstrap/javascript.html#affix + * ======================================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== */ + + ++function ($) { "use strict"; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + this.$window = $(window) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = null + + this.checkPosition() + } + + Affix.RESET = 'affix affix-top affix-bottom' + + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var scrollHeight = $(document).height() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top() + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() + + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false + + if (this.affixed === affix) return + if (this.unpin) this.$element.css('top', '') + + this.affixed = affix + this.unpin = affix == 'bottom' ? position.top - scrollTop : null + + this.$element.removeClass(Affix.RESET).addClass('affix' + (affix ? '-' + affix : '')) + + if (affix == 'bottom') { + this.$element.offset({ top: document.body.offsetHeight - offsetBottom - this.$element.height() }) + } + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + var old = $.fn.affix + + $.fn.affix = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop + + $spy.affix(data) + }) + }) + +}(window.jQuery); diff --git a/ruqqus/assets/js/bootstrap.min.js b/ruqqus/assets/js/bootstrap.min.js new file mode 100644 index 000000000..0043d26e6 --- /dev/null +++ b/ruqqus/assets/js/bootstrap.min.js @@ -0,0 +1,6 @@ +/** +* bootstrap.js v3.0.0 by @fat and @mdo +* Copyright 2013 Twitter Inc. +* https://www.apache.org/licenses/LICENSE-2.0 +*/ +if(!jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(window.jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]');if(a.length){var b=this.$element.find("input").prop("checked",!this.$element.hasClass("active")).trigger("change");"radio"===b.prop("type")&&a.find(".active").removeClass("active")}this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(window.jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(window.jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i').appendTo(document.body),this.$element.on("click.dismiss.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(window.jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h

'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(window.jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(c).is("body")?a(window):a(c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#\w/.test(e)&&a(e);return f&&f.length&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parents(".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(window.jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.attr("data-target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top()),"function"==typeof h&&(h=f.bottom());var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;this.affixed!==i&&(this.unpin&&this.$element.css("top",""),this.affixed=i,this.unpin="bottom"==i?e.top-d:null,this.$element.removeClass(b.RESET).addClass("affix"+(i?"-"+i:"")),"bottom"==i&&this.$element.offset({top:document.body.offsetHeight-h-this.$element.height()}))}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(window.jQuery); \ No newline at end of file diff --git a/ruqqus/assets/js/twitter.js b/ruqqus/assets/js/twitter.js new file mode 100644 index 000000000..c91bd8dd1 --- /dev/null +++ b/ruqqus/assets/js/twitter.js @@ -0,0 +1,8 @@ +Function&&Function.prototype&&Function.prototype.bind&&(/(MSIE ([6789]|10|11))|Trident/.test(navigator.userAgent)||(window.__twttr&&window.__twttr.widgets&&window.__twttr.widgets.loaded&&window.twttr.widgets.load&&window.twttr.widgets.load(),window.__twttr&&window.__twttr.widgets&&window.__twttr.widgets.init||function(t){function e(e){for(var n,i,o=e[0],s=e[1],a=0,c=[];a-1},forIn:i,isObject:s,isEmptyObject:a,toType:o,isType:function(t,e){return t==o(e)},toRealArray:u}},function(t,e){t.exports=window},function(t,e,n){var r=n(6);t.exports=function(){var t=this;this.promise=new r(function(e,n){t.resolve=e,t.reject=n})}},function(t,e,n){var r=n(11),i=/(?:^|(?:https?:)?\/\/(?:www\.)?twitter\.com(?::\d+)?(?:\/intent\/(?:follow|user)\/?\?screen_name=|(?:\/#!)?\/))@?([\w]+)(?:\?|&|$)/i,o=/(?:^|(?:https?:)?\/\/(?:www\.)?twitter\.com(?::\d+)?\/(?:#!\/)?[\w_]+\/status(?:es)?\/)(\d+)/i,s=/^http(s?):\/\/(\w+\.)*twitter\.com([:/]|$)/i,a=/^http(s?):\/\/(ton|pbs)\.twimg\.com/,u=/^#?([^.,<>!\s/#\-()'"]+)$/,c=/twitter\.com(?::\d{2,4})?\/intent\/(\w+)/,d=/^https?:\/\/(?:www\.)?twitter\.com\/\w+\/timelines\/(\d+)/i,l=/^https?:\/\/(?:www\.)?twitter\.com\/i\/moments\/(\d+)/i,f=/^https?:\/\/(?:www\.)?twitter\.com\/(\w+)\/(?:likes|favorites)/i,h=/^https?:\/\/(?:www\.)?twitter\.com\/(\w+)\/lists\/([\w-%]+)/i,p=/^https?:\/\/(?:www\.)?twitter\.com\/i\/live\/(\d+)/i,m=/^https?:\/\/syndication\.twitter\.com\/settings/i,v=/^https?:\/\/(localhost|platform)\.twitter\.com(?::\d+)?\/widgets\/widget_iframe\.(.+)/i,g=/^https?:\/\/(?:www\.)?twitter\.com\/search\?q=(\w+)/i;function w(t){return"string"==typeof t&&i.test(t)&&RegExp.$1.length<=20}function y(t){if(w(t))return RegExp.$1}function b(t,e){var n=r.decodeURL(t);if(e=e||!1,n.screen_name=y(t),n.screen_name)return r.url("https://twitter.com/intent/"+(e?"follow":"user"),n)}function _(t){return"string"==typeof t&&u.test(t)}function E(t){return"string"==typeof t&&o.test(t)}t.exports={isHashTag:_,hashTag:function(t,e){if(e=void 0===e||e,_(t))return(e?"#":"")+RegExp.$1},isScreenName:w,screenName:y,isStatus:E,status:function(t){return E(t)&&RegExp.$1},intentForProfileURL:b,intentForFollowURL:function(t){return b(t,!0)},isTwitterURL:function(t){return s.test(t)},isTwimgURL:function(t){return a.test(t)},isIntentURL:function(t){return c.test(t)},isSettingsURL:function(t){return m.test(t)},isWidgetIframeURL:function(t){return v.test(t)},isSearchUrl:function(t){return g.test(t)},regexen:{profile:i},momentId:function(t){return l.test(t)&&RegExp.$1},collectionId:function(t){return d.test(t)&&RegExp.$1},intentType:function(t){return c.test(t)&&RegExp.$1},likesScreenName:function(t){return f.test(t)&&RegExp.$1},listScreenNameAndSlug:function(t){var e,n,r;if(h.test(t)){e=RegExp.$1,n=RegExp.$2;try{r=decodeURIComponent(n)}catch(t){}return{ownerScreenName:e,slug:r||n}}return!1},eventId:function(t){return p.test(t)&&RegExp.$1}}},function(t,e){t.exports=document},function(t,e,n){var r=n(0),i=[!0,1,"1","on","ON","true","TRUE","yes","YES"],o=[!1,0,"0","off","OFF","false","FALSE","no","NO"];function s(t){return void 0!==t&&null!==t&&""!==t}function a(t){return c(t)&&t%1==0}function u(t){return c(t)&&!a(t)}function c(t){return s(t)&&!isNaN(t)}function d(t){return r.contains(o,t)}function l(t){return r.contains(i,t)}t.exports={hasValue:s,isInt:a,isFloat:u,isNumber:c,isString:function(t){return"string"===r.toType(t)},isArray:function(t){return s(t)&&"array"==r.toType(t)},isTruthValue:l,isFalseValue:d,asInt:function(t){if(a(t))return parseInt(t,10)},asFloat:function(t){if(u(t))return t},asNumber:function(t){if(c(t))return t},asBoolean:function(t){return!(!s(t)||!l(t)&&(d(t)||!t))}}},function(t,e,n){var r=n(1),i=n(21),o=n(49);i.hasPromiseSupport()||(r.Promise=o),t.exports=r.Promise},function(t,e,n){var r=n(0);t.exports=function(t,e){var n=Array.prototype.slice.call(arguments,2);return function(){var i=r.toRealArray(arguments);return t.apply(e,n.concat(i))}}},function(t,e,n){var r=n(51);t.exports=new r("__twttr")},function(t,e){t.exports=location},function(t,e,n){var r=n(0),i=/\b([\w-_]+)\b/g;function o(t){return new RegExp("\\b"+t+"\\b","g")}function s(t,e){t.classList?t.classList.add(e):o(e).test(t.className)||(t.className+=" "+e)}function a(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(o(e)," ")}function u(t,e){return t.classList?t.classList.contains(e):r.contains(c(t),e)}function c(t){return r.toRealArray(t.classList?t.classList:t.className.match(i))}t.exports={add:s,remove:a,replace:function(t,e,n){if(t.classList&&u(t,e))return a(t,e),void s(t,n);t.className=t.className.replace(o(e),n)},toggle:function(t,e,n){return void 0===n&&t.classList&&t.classList.toggle?t.classList.toggle(e,n):(n?s(t,e):a(t,e),n)},present:u,list:c}},function(t,e,n){var r=n(5),i=n(0);function o(t){return encodeURIComponent(t).replace(/\+/g,"%2B").replace(/'/g,"%27")}function s(t){return decodeURIComponent(t)}function a(t){var e=[];return i.forIn(t,function(t,n){var s=o(t);i.isType("array",n)||(n=[n]),n.forEach(function(t){r.hasValue(t)&&e.push(s+"="+o(t))})}),e.sort().join("&")}function u(t){var e={};return t?(t.split("&").forEach(function(t){var n=t.split("="),r=s(n[0]),o=s(n[1]);if(2==n.length){if(!i.isType("array",e[r]))return r in e?(e[r]=[e[r]],void e[r].push(o)):void(e[r]=o);e[r].push(o)}}),e):{}}t.exports={url:function(t,e){return a(e).length>0?i.contains(t,"?")?t+"&"+a(e):t+"?"+a(e):t},decodeURL:function(t){var e=t&&t.split("?");return 2==e.length?u(e[1]):{}},decode:u,encode:a,encodePart:o,decodePart:s}},function(t,e,n){var r=n(9),i=n(1),o=n(0),s={},a=o.contains(r.href,"tw_debug=true");function u(){}function c(){}function d(){return i.performance&&+i.performance.now()||+new Date}function l(t,e){if(i.console&&i.console[t])switch(e.length){case 1:i.console[t](e[0]);break;case 2:i.console[t](e[0],e[1]);break;case 3:i.console[t](e[0],e[1],e[2]);break;case 4:i.console[t](e[0],e[1],e[2],e[3]);break;case 5:i.console[t](e[0],e[1],e[2],e[3],e[4]);break;default:0!==e.length&&i.console.warn&&i.console.warn("too many params passed to logger."+t)}}t.exports={devError:u,devInfo:c,devObject:function(t,e){},publicError:function(){l("error",o.toRealArray(arguments))},publicLog:function(){l("info",o.toRealArray(arguments))},publicWarn:function(){l("warn",o.toRealArray(arguments))},time:function(t){a&&(s[t]=d())},timeEnd:function(t){a&&s[t]&&(d(),s[t])}}},function(t,e,n){var r=n(19),i=n(5),o=n(11),s=n(0),a=n(115);t.exports=function(t){var e=t.href&&t.href.split("?")[1],n=e?o.decode(e):{},u={lang:a(t),width:t.getAttribute("data-width")||t.getAttribute("width"),height:t.getAttribute("data-height")||t.getAttribute("height"),related:t.getAttribute("data-related"),partner:t.getAttribute("data-partner")};return i.asBoolean(t.getAttribute("data-dnt"))&&r.setOn(),s.forIn(u,function(t,e){var r=n[t];n[t]=i.hasValue(r)?r:e}),s.compact(n)}},function(t,e,n){var r=n(77),i=n(22);t.exports=function(){var t="data-twitter-extracted-"+i.generate();return function(e,n){return r(e,n).filter(function(e){return!e.hasAttribute(t)}).map(function(e){return e.setAttribute(t,"true"),e})}}},function(t,e){function n(t,e,n,r,i,o,s){this.factory=t,this.Sandbox=e,this.srcEl=o,this.targetEl=i,this.parameters=r,this.className=n,this.options=s}n.prototype.destroy=function(){this.srcEl=this.targetEl=null},t.exports=n},function(t,e){t.exports={DM_BUTTON:"twitter-dm-button",FOLLOW_BUTTON:"twitter-follow-button",HASHTAG_BUTTON:"twitter-hashtag-button",MENTION_BUTTON:"twitter-mention-button",MOMENT:"twitter-moment",PERISCOPE:"periscope-on-air",SHARE_BUTTON:"twitter-share-button",TIMELINE:"twitter-timeline",TWEET:"twitter-tweet"}},function(t,e,n){var r=n(6),i=n(19),o=n(53),s=n(36),a=n(5),u=n(0);t.exports=function(t,e,n){var c;return t=t||[],e=e||{},c="ƒ("+t.join(", ")+", target, [options]);",function(){var d,l,f,h,p=Array.prototype.slice.apply(arguments,[0,t.length]),m=Array.prototype.slice.apply(arguments,[t.length]);return m.forEach(function(t){t&&(t.nodeType!==Node.ELEMENT_NODE?u.isType("function",t)?d=t:u.isType("object",t)&&(l=t):f=t)}),p.length!==t.length||0===m.length?(d&&u.async(function(){d(!1)}),r.reject(new Error("Not enough parameters. Expected: "+c))):f?(l=u.aug({},l||{},e),t.forEach(function(t){l[t]=p.shift()}),a.asBoolean(l.dnt)&&i.setOn(),h=s.getExperiments().then(function(t){return o.addWidget(n(l,f,void 0,t))}),d&&h.then(d,function(){d(!1)}),h):(d&&u.async(function(){d(!1)}),r.reject(new Error("No target element specified. Expected: "+c)))}}},function(t,e,n){var r=n(98),i=n(2),o=n(0);function s(t,e){return function(){try{e.resolve(t.call(this))}catch(t){e.reject(t)}}}t.exports={sync:function(t,e){t.call(e)},read:function(t,e){var n=new i;return r.read(s(t,n),e),n.promise},write:function(t,e){var n=new i;return r.write(s(t,n),e),n.promise},defer:function(t,e,n){var a=new i;return o.isType("function",t)&&(n=e,e=t,t=1),r.defer(t,s(e,a),n),a.promise}}},function(t,e,n){var r=n(4),i=n(9),o=n(38),s=n(102),a=n(5),u=n(33),c=!1,d=/https?:\/\/([^/]+).*/i;t.exports={setOn:function(){c=!0},enabled:function(t,e){return!!(c||a.asBoolean(u.val("dnt"))||s.isUrlSensitive(e||i.host)||o.isFramed()&&s.isUrlSensitive(o.rootDocumentLocation())||(t=d.test(t||r.referrer)&&RegExp.$1)&&s.isUrlSensitive(t))}}},function(t,e,n){var r=n(8),i=n(59),o="https://platform.twitter.com",s=["https://syndication.twitter.com","https://cdn.syndication.twimg.com","https://localhost.twitter.com:8444"],a=["https://syndication.twitter.com","https://localhost.twitter.com:8445"],u=["https://platform.twitter.com","https://localhost.twitter.com",/^https:\/\/ton\.smf1\.twitter\.com\/syndication-internal\/embed-iframe\/[0-9A-Za-z_-]+\/app/],c=function(t,e){return t.some(function(t){return t instanceof RegExp?t.test(e):t===e})},d=function(){var t=r.get("backendHost");return t&&c(s,t)?t:"https://cdn.syndication.twimg.com"},l=function(){var t=r.get("settingsSvcHost");return t&&c(a,t)?t:"https://syndication.twitter.com"};function f(t,e){var n=[t];return e.forEach(function(t){n.push(function(t){var e=(t||"").toString(),n="/"===e.slice(0,1)?1:0,r=function(t){return"/"===t.slice(-1)}(e)?-1:void 0;return e.slice(n,r)}(t))}),n.join("/")}t.exports={cookieConsent:function(t){var e=t||[];return e.unshift("cookie/consent"),f(l(),e)},embedIframe:function(t,e){var n=t||[],s=o,a=r.get("embedIframeURL");return a&&c(u,a)?f(a,n)+".html":(n.unshift(i.getBaseURLPath(e)),f(s,n)+".html")},eventVideo:function(t){var e=t||[];return e.unshift("video/event"),f(d(),e)},grid:function(t){var e=t||[];return e.unshift("grid/collection"),f(d(),e)},moment:function(t){var e=t||[];return e.unshift("moments"),f(d(),e)},settings:function(t){var e=t||[];return e.unshift("settings"),f(l(),e)},timeline:function(t){var e=t||[];return e.unshift("timeline"),f(d(),e)},tweetBatch:function(t){var e=t||[];return e.unshift("tweets.json"),f(d(),e)},video:function(t){var e=t||[];return e.unshift("widgets/video"),f(d(),e)}}},function(t,e,n){var r=n(4),i=n(92),o=n(1),s=n(0),a=i.userAgent;function u(t){return/(Trident|MSIE|Edge[/ ]?\d)/.test(t=t||a)}t.exports={retina:function(t){return(t=t||o).devicePixelRatio?t.devicePixelRatio>=1.5:!!t.matchMedia&&t.matchMedia("only screen and (min-resolution: 144dpi)").matches},anyIE:u,ie9:function(t){return/MSIE 9/.test(t=t||a)},ie10:function(t){return/MSIE 10/.test(t=t||a)},ios:function(t){return/(iPad|iPhone|iPod)/.test(t=t||a)},android:function(t){return/^Mozilla\/5\.0 \(Linux; (U; )?Android/.test(t=t||a)},canPostMessage:function(t,e){return t=t||o,e=e||a,t.postMessage&&!(u(e)&&t.opener)},touch:function(t,e,n){return t=t||o,e=e||i,n=n||a,"ontouchstart"in t||/Opera Mini/.test(n)||e.msMaxTouchPoints>0},cssTransitions:function(){var t=r.body.style;return void 0!==t.transition||void 0!==t.webkitTransition||void 0!==t.mozTransition||void 0!==t.oTransition||void 0!==t.msTransition},hasPromiseSupport:function(){return!!(o.Promise&&o.Promise.resolve&&o.Promise.reject&&o.Promise.all&&o.Promise.race&&(new o.Promise(function(e){t=e}),s.isType("function",t)));var t},hasIntersectionObserverSupport:function(){return!!o.IntersectionObserver},hasPerformanceInformation:function(){return o.performance&&o.performance.getEntriesByType}}},function(t,e){var n="i",r=0,i=0;t.exports={generate:function(){return n+String(+new Date)+Math.floor(1e5*Math.random())+r++},deterministic:function(){return n+String(i++)}}},function(t,e,n){var r=n(50),i=n(52),o=n(0);t.exports=o.aug(r.get("events")||{},i.Emitter)},function(t,e,n){var r=n(6),i=n(2);function o(t,e){return t.then(e,e)}function s(t){return t instanceof r}t.exports={always:o,allResolved:function(t){var e;return void 0===t?r.reject(new Error("undefined is not an object")):Array.isArray(t)?(e=t.length)?new r(function(n,r){var i=0,o=[];function a(){(i+=1)===e&&(0===o.length?r():n(o))}function u(t){o.push(t),a()}t.forEach(function(t){s(t)?t.then(u,a):u(t)})}):r.resolve([]):r.reject(new Error("Type error"))},some:function(t){var e;return e=(t=t||[]).length,t=t.filter(s),e?e!==t.length?r.reject("non-Promise passed to .some"):new r(function(e,n){var r=0;function i(){(r+=1)===t.length&&n()}t.forEach(function(t){t.then(e,i)})}):r.reject("no promises passed to .some")},isPromise:s,allSettled:function(t){function e(){}return r.all((t||[]).map(function(t){return o(t,e)}))},timeout:function(t,e){var n=new i;return setTimeout(function(){n.reject(new Error("Promise timed out"))},e),t.then(function(t){n.resolve(t)},function(t){n.reject(t)}),n.promise}}},function(t,e,n){var r=n(1).JSON;t.exports={stringify:r.stringify||r.encode,parse:r.parse||r.decode}},function(t,e,n){var r=n(27),i=n(108);t.exports=r.build([i])},function(t,e,n){var r=n(39),i=n(105),o=n(7);(r=Object.create(r)).build=o(r.build,null,i),t.exports=r},function(t,e,n){var r=n(39),i=n(40),o=n(7);(r=Object.create(r)).build=o(r.build,null,i),t.exports=r},function(t,e,n){var r=n(79),i=n(80),o=n(81),s=n(9),a=n(71),u=n(82),c=n(19),d=n(5),l=n(22),f=n(0);function h(t){if(!t||!t.headers)throw new Error("unexpected response schema");return{html:t.body,config:t.config,pollInterval:1e3*parseInt(t.headers.xPolling,10)||null,maxCursorPosition:t.headers.maxPosition,minCursorPosition:t.headers.minPosition}}function p(t){if(t&&t.headers)throw new Error(t.headers.status);throw t instanceof Error?t:new Error(t)}t.exports=function(t){t.params({instanceId:{required:!0,fallback:l.deterministic},lang:{required:!0,transform:a.matchLanguage,fallback:"en"},tweetLimit:{transform:d.asInt}}),t.defineProperty("endpoint",{get:function(){throw new Error("endpoint not specified")}}),t.defineProperty("pollEndpoint",{get:function(){return this.endpoint}}),t.define("cbId",function(t){var e=t?"_new":"_old";return"tl_"+this.params.instanceId+"_"+this.id+e}),t.define("queryParams",function(){return{lang:this.params.lang,tz:u.getTimezoneOffset(),t:r(),domain:s.host,tweet_limit:this.params.tweetLimit,dnt:c.enabled()}}),t.define("fetch",function(){return i.fetch(this.endpoint,this.queryParams(),o,this.cbId()).then(h,p)}),t.define("poll",function(t,e){var n,r;return n={since_id:(t=t||{}).sinceId,max_id:t.maxId,min_position:t.minPosition,max_position:t.maxPosition},r=f.aug(this.queryParams(),n),i.fetch(this.pollEndpoint,r,o,this.cbId(e)).then(h,p)})}},function(t,e,n){var r=n(52).makeEmitter();t.exports={emitter:r,START:"start",ALL_WIDGETS_RENDER_START:"all_widgets_render_start",ALL_WIDGETS_RENDER_END:"all_widgets_render_end",ALL_WIDGETS_AND_IMAGES_LOADED:"all_widgets_and_images_loaded"}},function(t,e,n){var r=n(4),i=n(0);t.exports=function(t,e,n){var o;if(n=n||r,t=t||{},e=e||{},t.name){try{o=n.createElement('')}catch(e){(o=n.createElement("iframe")).name=t.name}delete t.name}else o=n.createElement("iframe");return t.id&&(o.id=t.id,delete t.id),o.allowtransparency="true",o.scrolling="no",o.setAttribute("frameBorder",0),o.setAttribute("allowTransparency",!0),i.forIn(t,function(t,e){o.setAttribute(t,e)}),i.forIn(e,function(t,e){o.style[t]=e}),o}},function(t,e,n){var r=n(27),i=n(122);t.exports=r.build([i])},function(t,e,n){var r,i=n(4);function o(t){var e,n,o,s=0;for(r={},e=(t=t||i).getElementsByTagName("meta");e[s];s++){if(n=e[s],/^twitter:/.test(n.getAttribute("name")))o=n.getAttribute("name").replace(/^twitter:/,"");else{if(!/^twitter:/.test(n.getAttribute("property")))continue;o=n.getAttribute("property").replace(/^twitter:/,"")}r[o]=n.getAttribute("content")||n.getAttribute("value")}}o(),t.exports={init:o,val:function(t){return r[t]}}},function(t,e,n){var r=n(0),i=n(45);t.exports={closest:function t(e,n,o){var s;if(n)return o=o||n&&n.ownerDocument,s=r.isType("function",e)?e:function(t){return function(e){return!!e.tagName&&i(e,t)}}(e),n===o?s(n)?n:void 0:s(n)?n:t(s,n.parentNode,o)}}},function(t,e,n){var r=n(10),i={},o=-1,s={};function a(t){var e=t.getAttribute("data-twitter-event-id");return e||(t.setAttribute("data-twitter-event-id",++o),o)}function u(t,e,n){var r=0,i=t&&t.length||0;for(r=0;r1?(e=Math.floor(t.item_ids.length/2),n=t.item_ids.slice(0,e),r={},i=t.item_ids.slice(e),o={},n.forEach(function(e){r[e]=t.item_details[e]}),i.forEach(function(e){o[e]=t.item_details[e]}),[l.aug({},t,{item_ids:n,item_details:r}),l.aug({},t,{item_ids:i,item_details:o})]):[t]},stringify:function(t){var e,n=Array.prototype.toJSON;return delete Array.prototype.toJSON,e=u.stringify(t),n&&(Array.prototype.toJSON=n),e},CLIENT_EVENT_ENDPOINT:p,RUFOUS_REDIRECT:"https://platform.twitter.com/jot.html"}},function(t,e,n){var r=n(9),i=n(75),o=n(0),s=i.getCanonicalURL()||r.href,a=s;t.exports={isFramed:function(){return s!==a},rootDocumentLocation:function(t){return t&&o.isType("string",t)&&(s=t),s},currentDocumentLocation:function(){return a}}},function(t,e,n){var r=n(103),i=n(104),o=n(0);t.exports={couple:function(){return o.toRealArray(arguments)},build:function(t,e,n){var o=new t;return(e=i(r(e||[]))).forEach(function(t){t.call(null,o)}),o.build(n)}}},function(t,e,n){var r=n(106),i=n(0),o=n(41);function s(){this.Component=this.factory(),this._adviceArgs=[],this._lastArgs=[]}i.aug(s.prototype,{factory:o,build:function(t){var e=this;return this.Component,i.aug(this.Component.prototype.boundParams,t),this._adviceArgs.concat(this._lastArgs).forEach(function(t){(function(t,e,n){var r=this[e];if(!r)throw new Error(e+" does not exist");this[e]=t(r,n)}).apply(e.Component.prototype,t)}),delete this._lastArgs,delete this._adviceArgs,this.Component},params:function(t){var e=this.Component.prototype.paramConfigs;t=t||{},this.Component.prototype.paramConfigs=i.aug({},t,e)},define:function(t,e){if(t in this.Component.prototype)throw new Error(t+" has previously been defined");this.override(t,e)},defineStatic:function(t,e){this.Component[t]=e},override:function(t,e){this.Component.prototype[t]=e},defineProperty:function(t,e){if(t in this.Component.prototype)throw new Error(t+" has previously been defined");this.overrideProperty(t,e)},overrideProperty:function(t,e){var n=i.aug({configurable:!0},e);Object.defineProperty(this.Component.prototype,t,n)},before:function(t,e){this._adviceArgs.push([r.before,t,e])},after:function(t,e){this._adviceArgs.push([r.after,t,e])},around:function(t,e){this._adviceArgs.push([r.around,t,e])},last:function(t,e){this._lastArgs.push([r.after,t,e])}}),t.exports=s},function(t,e,n){var r=n(0);function i(){return!0}function o(t){return t}t.exports=function(){function t(t){var e=this;t=t||{},this.params=Object.keys(this.paramConfigs).reduce(function(n,s){var a=[],u=e.boundParams,c=e.paramConfigs[s],d=c.validate||i,l=c.transform||o;if(s in u&&a.push(u[s]),s in t&&a.push(t[s]),a="fallback"in c?a.concat(c.fallback):a,n[s]=function(t,e,n){var i=null;return t.some(function(t){if(t=r.isType("function",t)?t():t,e(t))return i=n(t),!0}),i}(a,d,l),c.required&&null==n[s])throw new Error(s+" is a required parameter");return n},{}),this.initialize()}return r.aug(t.prototype,{paramConfigs:{},boundParams:{},initialize:function(){}}),t}},function(t,e,n){var r=n(101),i=n(76),o=new(n(110))(function(t){(!function(t){return 1===t.length&&i.canFlushOneItem(t[0])}(t)?function(t){r.init(),t.forEach(function(t){var e=t.input.namespace,n=t.input.data,i=t.input.offsite,o=t.input.version;r.clientEvent(e,n,i,o)}),r.flush().then(function(){t.forEach(function(t){t.taskDoneDeferred.resolve()})},function(){t.forEach(function(t){t.taskDoneDeferred.reject()})})}:function(t){t.forEach(function(t){var e=t.input.namespace,n=t.input.data,r=t.input.offsite,o=t.input.version;i.clientEvent(e,n,r,o),t.taskDoneDeferred.resolve()})})(t)});t.exports={scribe:function(t,e,n,r){return o.add({namespace:t,data:e,offsite:n,version:r})},pause:function(){o.pause()},resume:function(){o.resume()}}},function(t,e,n){var r,i=n(10),o=n(4),s=n(1),a=n(33),u=n(54),c=n(5),d=n(22),l="csptest";t.exports={inlineStyle:function(){var t=l+d.generate(),e=o.createElement("div"),n=o.createElement("style"),f="."+t+" { visibility: hidden; }";return!!o.body&&(c.asBoolean(a.val("widgets:csp"))&&(r=!1),void 0!==r?r:(e.style.display="none",i.add(e,t),n.type="text/css",n.appendChild(o.createTextNode(f)),o.body.appendChild(n),o.body.appendChild(e),r="hidden"===s.getComputedStyle(e).visibility,u(e),u(n),r))}}},function(t,e,n){var r=n(1);t.exports=function(t,e,n){var i,o=0;return n=n||null,function s(){var a=n||this,u=arguments,c=+new Date;if(r.clearTimeout(i),c-o>e)return o=c,void t.apply(a,u);i=r.setTimeout(function(){s.apply(a,u)},e)}}},function(t,e,n){var r=n(1).HTMLElement,i=r.prototype.matches||r.prototype.matchesSelector||r.prototype.webkitMatchesSelector||r.prototype.mozMatchesSelector||r.prototype.msMatchesSelector||r.prototype.oMatchesSelector;t.exports=function(t,e){if(i)return i.call(t,e)}},function(t){t.exports={version:"82e1070:1619632193066"}},function(t,e){t.exports=function(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height}}},function(t,e,n){var r=n(12).publicWarn;t.exports=function(){r("Warning: This Timeline type belongs to a group that will not be supported in the future (Likes, Collections, & Moments). It is not recommended for use. \n\t","* Twitter will continue to support Profile and List Timelines \n\t","* You can learn more about this change in our announcement: \n\t","https://twittercommunity.com/t/removing-support-for-embedded-like-collection-and-moment-timelines/150313 \n\t","* In order to create a new Embedded Timeline, visit: https://publish.twitter.com")}},function(t,e,n){ +/*! + * @overview es6-promise - a tiny implementation of Promises/A+. + * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) + * @license Licensed under MIT license + * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE + * @version v4.2.5+7f2b526d + */var r;r=function(){"use strict";function t(t){return"function"==typeof t}var e=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},n=0,r=void 0,i=void 0,o=function(t,e){f[n]=t,f[n+1]=e,2===(n+=2)&&(i?i(h):w())},s="undefined"!=typeof window?window:void 0,a=s||{},u=a.MutationObserver||a.WebKitMutationObserver,c="undefined"==typeof self&&"undefined"!=typeof process&&"[object process]"==={}.toString.call(process),d="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel;function l(){var t=setTimeout;return function(){return t(h,1)}}var f=new Array(1e3);function h(){for(var t=0;t=0&&this._handlers[t].splice(n,1):this._handlers[t]=[])},trigger:function(t,e){var n=this._handlers&&this._handlers[t];(e=e||{}).type=t,n&&n.forEach(function(t){r.async(i(t,this,e))})}};t.exports={Emitter:o,makeEmitter:function(){return r.aug(function(){},o)}}},function(t,e,n){var r=n(97),i=n(99),o=n(6),s=n(24),a=n(7),u=n(0),c=new i(function(t){var e=function(t){return t.reduce(function(t,e){return t[e._className]=t[e._className]||[],t[e._className].push(e),t},{})}(t.map(r.fromRawTask));u.forIn(e,function(t,e){s.allSettled(e.map(function(t){return t.initialize()})).then(function(){e.forEach(function(t){o.all([t.hydrate(),t.insertIntoDom()]).then(a(t.render,t)).then(a(t.success,t),a(t.fail,t))})})})});t.exports={addWidget:function(t){return c.add(t)}}},function(t,e,n){var r=n(18);t.exports=function(t){return r.write(function(){t&&t.parentNode&&t.parentNode.removeChild(t)})}},function(t,e,n){n(12),t.exports={log:function(t,e){}}},function(t,e,n){var r=n(1);function i(t){return(t=t||r).getSelection&&t.getSelection()}t.exports={getSelection:i,getSelectedText:function(t){var e=i(t);return e?e.toString():""}}},function(t,e,n){var r=n(4),i=n(1),o=n(2),s=2e4;t.exports=function(t){var e=new o,n=r.createElement("img");return n.onload=n.onerror=function(){i.setTimeout(e.resolve,50)},n.src=t,i.setTimeout(e.reject,s),e.promise}},function(t,e,n){var r=n(109);t.exports=function(t){t.define("createElement",r),t.define("createFragment",r),t.define("htmlToElement",r),t.define("hasSelectedText",r),t.define("addRootClass",r),t.define("removeRootClass",r),t.define("hasRootClass",r),t.define("prependStyleSheet",r),t.define("appendStyleSheet",r),t.define("prependCss",r),t.define("appendCss",r),t.define("makeVisible",r),t.define("injectWidgetEl",r),t.define("matchHeightToContent",r),t.define("matchWidthToContent",r)}},function(t,e){var n="tfw_horizon_tweet_embed_9555";t.exports={getBaseURLPath:function(t){switch(t&&t.tfw_team_holdback_11929&&t.tfw_team_holdback_11929.bucket){case"control":return"embed-holdback";case"holdback_prod":return"embed-holdback-prod";default:return"embed"}},isHorizonTweetEnabled:function(t){return!(t&&t[n]&&"control"===t[n].bucket)},isHorizonTimelineEnabled:function(){return!1}}},function(t,e){t.exports=function(t){var e,n=!1;return function(){return n?e:(n=!0,e=t.apply(this,arguments))}}},function(t,e,n){var r=n(15),i=n(116),o=n(117),s=n(16);t.exports=function(t,e,n){return new r(i,o,s.DM_BUTTON,t,e,n)}},function(t,e,n){var r=n(27),i=n(118);t.exports=r.build([i])},function(t,e,n){var r=n(15),i=n(121),o=n(32),s=n(16);t.exports=function(t,e,n){return new r(i,o,s.FOLLOW_BUTTON,t,e,n)}},function(t,e,n){var r=n(15),i=n(129),o=n(26),s=n(16);t.exports=function(t,e,n){return new r(i,o,s.MOMENT,t,e,n)}},function(t,e,n){var r=n(15),i=n(131),o=n(26),s=n(16);t.exports=function(t,e,n){return new r(i,o,s.PERISCOPE,t,e,n)}},function(t,e,n){var r=n(78),i=n(133),o=n(137),s=n(139),a=n(141),u=n(143),c={collection:i,event:o,likes:s,list:a,profile:u,url:l},d=[u,s,i,a,o];function l(t){return r(d,function(e){try{return new e(t)}catch(t){}})}t.exports=function(t){return t?function(t){var e,n;return e=(t.sourceType+"").toLowerCase(),(n=c[e])?new n(t):null}(t)||l(t):null}},function(t,e,n){var r=n(4),i=n(59),o=n(15),s=n(32),a=n(145),u=n(26),c=n(146),d=n(16);t.exports=function(t,e,n,l){var f;return i.isHorizonTimelineEnabled(l,t)?(f=r.createElement("div"),new o(a,s,d.TIMELINE,t,e,n,{sandboxWrapperEl:f})):new o(c,u,d.TIMELINE,t,e,n)}},function(t,e,n){var r=n(4),i=n(15),o=n(32),s=n(148),a=n(16);t.exports=function(t,e,n){var u=r.createElement("div");return new i(s,o,a.TWEET,t,e,n,{sandboxWrapperEl:u})}},function(t,e,n){var r=n(15),i=n(150),o=n(32),s=n(16);t.exports=function(t,e,n){var a=t&&t.type||"share",u="hashtag"==a?s.HASHTAG_BUTTON:"mention"==a?s.MENTION_BUTTON:s.SHARE_BUTTON;return new r(i,o,u,t,e,n)}},function(t,e,n){var r=n(42),i=n(38),o=n(0);t.exports=function(t){var e={widget_origin:i.rootDocumentLocation(),widget_frame:i.isFramed()?i.currentDocumentLocation():null,duration_ms:t.duration,item_ids:t.widgetIds||[]},n=o.aug(t.namespace,{page:"page",component:"performance"});r.scribe(n,e)}},function(t,e,n){var r=n(0),i=n(134),o=["ar","fa","he","ur"];t.exports={isRtlLang:function(t){return t=String(t).toLowerCase(),r.contains(o,t)},matchLanguage:function(t){return t=(t=(t||"").toLowerCase()).replace("_","-"),i(t)?t:(t=t.replace(/-.*/,""),i(t)?t:"en")}}},function(t){t.exports={tweetButtonHtmlPath:"/widgets/tweet_button.06c6ee58c3810956b7509218508c7b56.{{lang}}.html",followButtonHtmlPath:"/widgets/follow_button.06c6ee58c3810956b7509218508c7b56.{{lang}}.html",hubHtmlPath:"/widgets/hub.html",widgetIframeHtmlPath:"/widgets/widget_iframe.06c6ee58c3810956b7509218508c7b56.html",resourceBaseUrl:"https://platform.twitter.com"}},function(t){t.exports={TWEET:0,RETWEET:10,CUSTOM_TIMELINE:17,LIVE_VIDEO_EVENT:28,QUOTE_TWEET:23}},function(t,e,n){var r=n(3),i=n(95),o=n(23),s=n(11),a={favorite:["favorite","like"],follow:["follow"],like:["favorite","like"],retweet:["retweet"],tweet:["tweet"]};function u(t){this.srcEl=[],this.element=t}u.open=function(t,e,n){var u=(r.intentType(t)||"").toLowerCase();r.isTwitterURL(t)&&(function(t,e){i.open(t,e)}(t,n),e&&o.trigger("click",{target:e,region:"intent",type:"click",data:{}}),e&&a[u]&&a[u].forEach(function(n){o.trigger(n,{target:e,region:"intent",type:n,data:function(t,e){var n=s.decodeURL(e);switch(t){case"favorite":case"like":return{tweet_id:n.tweet_id};case"follow":return{screen_name:n.screen_name,user_id:n.user_id};case"retweet":return{source_tweet_id:n.tweet_id};default:return{}}}(u,t)})}))},t.exports=u},function(t,e,n){var r=n(4),i=n(9),o=n(3);function s(t,e){var n,r;return e=e||i,/^https?:\/\//.test(t)?t:/^\/\//.test(t)?e.protocol+t:(n=e.host+(e.port.length?":"+e.port:""),0!==t.indexOf("/")&&((r=e.pathname.split("/")).pop(),r.push(t),t="/"+r.join("/")),[e.protocol,"//",n,t].join(""))}t.exports={absolutize:s,getCanonicalURL:function(){for(var t,e=r.getElementsByTagName("link"),n=0;e[n];n++)if("canonical"==(t=e[n]).rel)return s(t.href)},getScreenNameFromPage:function(){for(var t,e,n,i=[r.getElementsByTagName("a"),r.getElementsByTagName("link")],s=0,a=0,u=/\bme\b/;t=i[s];s++)for(a=0;e=t[a];a++)if(u.test(e.rel)&&(n=o.screenName(e.href)))return n}}},function(t,e,n){var r=n(19),i=n(55),o=n(11),s=n(37),a=n(0),u=n(8).get("scribeCallback"),c=2083,d=[],l=o.url(s.CLIENT_EVENT_ENDPOINT,{dnt:0,l:""}),f=encodeURIComponent(l).length;function h(t,e,n,r,i){var o=!a.isObject(t),c=!!e&&!a.isObject(e);o||c||(u&&u(arguments),p(s.formatClientEventNamespace(t),s.formatClientEventData(e,n,r),s.CLIENT_EVENT_ENDPOINT,i))}function p(t,e,n,r){var u;n&&a.isObject(t)&&a.isObject(e)&&(i.log(t,e),u=s.flattenClientEventPayload(t,e),r=a.aug({},r,{l:s.stringify(u)}),u.dnt&&(r.dnt=1),w(o.url(n,r)))}function m(t,e,n,r){var i=!a.isObject(t),o=!!e&&!a.isObject(e);if(!i&&!o)return v(s.flattenClientEventPayload(s.formatClientEventNamespace(t),s.formatClientEventData(e,n,r)))}function v(t){return d.push(t),d}function g(t){return encodeURIComponent(t).length+3}function w(t){return(new Image).src=t}t.exports={canFlushOneItem:function(t){var e=g(s.stringify(t));return f+e1&&m({page:"widgets_js",component:"scribe_pixel",action:"batch_log"},{}),t=d,d=[],t.reduce(function(e,n,r){var i=e.length,o=i&&e[i-1];return r+1==t.length&&n.event_namespace&&"batch_log"==n.event_namespace.action&&(n.message=["entries:"+r,"requests:"+i].join("/")),function t(e){return Array.isArray(e)||(e=[e]),e.reduce(function(e,n){var r,i=s.stringify(n),o=g(i);return f+o1&&(e=e.concat(t(r))),e},[])}(n).forEach(function(t){var n=g(t);(!o||o.urlLength+n>c)&&(o={urlLength:f,items:[]},e.push(o)),o.urlLength+=n,o.items.push(t)}),e},[]).map(function(t){var e={l:t.items};return r.enabled()&&(e.dnt=1),w(o.url(s.CLIENT_EVENT_ENDPOINT,e))})},interaction:function(t,e,n,r){var i=s.extractTermsFromDOM(t.target||t.srcElement);i.action=r||"click",h(i,e,n)}}},function(t,e,n){var r=n(0),i=n(45);t.exports=function(t,e){return i(t,e)?[t]:r.toRealArray(t.querySelectorAll(e))}},function(t,e){t.exports=function(t,e,n){for(var r,i=0;i")}).then(function(){t.close(),a.resolve(c)})}),c.src=["javascript:",'document.write("");',"try { window.parent.document; }",'catch (e) { document.domain="'+r.domain+'"; }',"window.parent."+g.fullPath(["sandbox",u])+"();"].join(""),c.addEventListener("error",a.reject,!1),o.write(function(){i.parentNode.replaceChild(c,i)}),a.promise}t.exports=a.couple(n(58),function(t){t.overrideProperty("id",{get:function(){return this.sandboxEl&&this.sandboxEl.id}}),t.overrideProperty("initialized",{get:function(){return!!this.win}}),t.overrideProperty("width",{get:function(){return this._width}}),t.overrideProperty("height",{get:function(){return this._height}}),t.overrideProperty("sandboxEl",{get:function(){return this.iframeEl}}),t.defineProperty("iframeEl",{get:function(){return this._iframe}}),t.defineProperty("rootEl",{get:function(){return this.doc&&this.doc.documentElement}}),t.defineProperty("widgetEl",{get:function(){return this.doc&&this.doc.body.firstElementChild}}),t.defineProperty("win",{get:function(){return this.iframeEl&&this.iframeEl.contentWindow}}),t.defineProperty("doc",{get:function(){return this.win&&this.win.document}}),t.define("_updateCachedDimensions",function(){var t=this;return o.read(function(){var e,n=h(t.sandboxEl);"visible"==t.sandboxEl.style.visibility?t._width=n.width:(e=h(t.sandboxEl.parentElement).width,t._width=Math.min(n.width,e)),t._height=n.height})}),t.define("_setTargetToBlank",function(){var t=this.createElement("base");t.target="_blank",this.doc.head.appendChild(t)}),t.define("_didResize",function(){var t=this,e=this._resizeHandlers.slice(0);return this._updateCachedDimensions().then(function(){e.forEach(function(e){e(t)})})}),t.define("setTitle",function(t){this.iframeEl.title=t}),t.override("createElement",function(t){return this.doc.createElement(t)}),t.override("createFragment",function(){return this.doc.createDocumentFragment()}),t.override("htmlToElement",function(t){var e;return(e=this.createElement("div")).innerHTML=t,e.firstElementChild}),t.override("hasSelectedText",function(){return!!s.getSelectedText(this.win)}),t.override("addRootClass",function(t){var e=this.rootEl;return t=Array.isArray(t)?t:[t],this.initialized?o.write(function(){t.forEach(function(t){i.add(e,t)})}):m.reject(new Error("sandbox not initialized"))}),t.override("removeRootClass",function(t){var e=this.rootEl;return t=Array.isArray(t)?t:[t],this.initialized?o.write(function(){t.forEach(function(t){i.remove(e,t)})}):m.reject(new Error("sandbox not initialized"))}),t.override("hasRootClass",function(t){return i.present(this.rootEl,t)}),t.define("addStyleSheet",function(t,e){var n,r=new p;return this.initialized?((n=this.createElement("link")).type="text/css",n.rel="stylesheet",n.href=t,n.addEventListener("load",r.resolve,!1),n.addEventListener("error",r.reject,!1),o.write(y(e,null,n)).then(function(){return u(t).then(r.resolve,r.reject),r.promise})):m.reject(new Error("sandbox not initialized"))}),t.override("prependStyleSheet",function(t){var e=this.doc;return this.addStyleSheet(t,function(t){var n=e.head.firstElementChild;return n?e.head.insertBefore(t,n):e.head.appendChild(t)})}),t.override("appendStyleSheet",function(t){var e=this.doc;return this.addStyleSheet(t,function(t){return e.head.appendChild(t)})}),t.define("addCss",function(t,e){var n;return c.inlineStyle()?((n=this.createElement("style")).type="text/css",n.appendChild(this.doc.createTextNode(t)),o.write(y(e,null,n))):(f.devError("CSP enabled; cannot embed inline styles"),m.resolve())}),t.override("prependCss",function(t){var e=this.doc;return this.addCss(t,function(t){var n=e.head.firstElementChild;return n?e.head.insertBefore(t,n):e.head.appendChild(t)})}),t.override("appendCss",function(t){var e=this.doc;return this.addCss(t,function(t){return e.head.appendChild(t)})}),t.override("makeVisible",function(){var t=this;return this.styleSelf(E).then(function(){t._updateCachedDimensions()})}),t.override("injectWidgetEl",function(t){var e=this;return this.initialized?this.widgetEl?m.reject(new Error("widget already injected")):o.write(function(){e.doc.body.appendChild(t)}):m.reject(new Error("sandbox not initialized"))}),t.override("matchHeightToContent",function(){var t,e=this;return o.read(function(){t=e.widgetEl?h(e.widgetEl).height:0}),o.write(function(){e.sandboxEl.style.height=t+"px"}).then(function(){return e._updateCachedDimensions()})}),t.override("matchWidthToContent",function(){var t,e=this;return o.read(function(){t=e.widgetEl?h(e.widgetEl).width:0}),o.write(function(){e.sandboxEl.style.width=t+"px"}).then(function(){return e._updateCachedDimensions()})}),t.after("initialize",function(){this._iframe=null,this._width=this._height=0,this._resizeHandlers=[]}),t.override("insert",function(t,e,n,r){var i=this,s=new p,a=this.targetGlobal.document,u=S(t,e,n,a);return o.write(y(r,null,u)),u.addEventListener("load",function(){(function(t){try{t.contentWindow.document}catch(t){return m.reject(t)}return m.resolve(t)})(u).then(null,y(R,null,t,e,n,u,a)).then(s.resolve,s.reject)},!1),u.addEventListener("error",s.reject,!1),s.promise.then(function(t){var e=d(i._didResize,A,i);return i._iframe=t,i.win.addEventListener("resize",e,!1),m.all([i._setTargetToBlank(),i.addRootClass(x),i.prependCss(T)])})}),t.override("onResize",function(t){this._resizeHandlers.push(t)}),t.after("styleSelf",function(){return this._updateCachedDimensions()})})},function(t,e){t.exports=function(){throw new Error("unimplemented method")}},function(t,e,n){var r=n(2),i=n(7),o=100,s=3e3;function a(t,e){this._inputsQueue=[],this._task=t,this._isPaused=!1,this._flushDelay=e&&e.flushDelay||o,this._pauseLength=e&&e.pauseLength||s,this._flushTimeout=void 0}a.prototype.add=function(t){var e=new r;return this._inputsQueue.push({input:t,taskDoneDeferred:e}),this._scheduleFlush(),e.promise},a.prototype._scheduleFlush=function(){this._isPaused||(clearTimeout(this._flushTimeout),this._flushTimeout=setTimeout(i(this._flush,this),this._flushDelay))},a.prototype._flush=function(){try{this._task.call(null,this._inputsQueue)}catch(t){this._inputsQueue.forEach(function(e){e.taskDoneDeferred.reject(t)})}this._inputsQueue=[],this._flushTimeout=void 0},a.prototype.pause=function(t){clearTimeout(this._flushTimeout),this._isPaused=!0,!t&&this._pauseLength&&setTimeout(i(this.resume,this),this._pauseLength)},a.prototype.resume=function(){this._isPaused=!1,this._scheduleFlush()},t.exports=a},function(t,e,n){var r=n(72),i=n(31),o=n(2),s=n(4),a=n(20),u=n(21),c=n(25),d=n(9),l=n(12),f=n(112),h=n(60),p=n(8),m=n(11),v=n(3),g=n(0),w=n(1),y=h(function(){return new o}),b={shouldObtainCookieConsent:!1,features:{}};t.exports={load:function(){var t,e,n,o;if(u.ie9()||u.ie10()||"http:"!==d.protocol&&"https:"!==d.protocol)return l.devError("Using default settings due to unsupported browser or protocol."),void y().resolve();t={origin:d.origin},a.settings().indexOf("localhost")>-1&&(t.localSettings=!0),e=m.url(r.resourceBaseUrl+r.widgetIframeHtmlPath,t),n=function(t){var n,r,i,o;if(r=v.isTwitterURL(t.origin),i=e.substr(0,t.origin.length)===t.origin,o=v.isTwimgURL(t.origin),i&&r||o)try{(n="string"==typeof t.data?c.parse(t.data):t.data).namespace===f.settings&&(b=g.aug(b,{features:n.settings.features,sessionId:n.sessionId}),y().resolve())}catch(t){l.devError(t)}},w.addEventListener("message",n),o=i({src:e,title:"Twitter settings iframe"},{display:"none"}),s.body.appendChild(o)},settingsLoaded:function(){var t,e;return t=p.get("experimentOverride"),y().promise.then(function(){return t&&t.name&&t.assignment&&((e={})[t.name]={bucket:t.assignment},b.features=g.aug(b.features,e)),b})}}},function(t,e){t.exports={settings:"twttr.settings"}},function(t,e,n){t.exports=[n(114),n(120),n(128),n(130),n(132),n(147),n(149)]},function(t,e,n){var r=n(11),i=n(5),o=n(0),s=n(13),a=n(14)(),u=n(61),c="a.twitter-dm-button";t.exports=function(t){return a(t,c).map(function(t){return u(function(t){var e=t.getAttribute("data-show-screen-name"),n=s(t),a=t.getAttribute("href"),u=t.getAttribute("data-screen-name"),c=e?i.asBoolean(e):null,d=t.getAttribute("data-size"),l=r.decodeURL(a),f=l.recipient_id,h=t.getAttribute("data-text")||l.text,p=t.getAttribute("data-welcome-message-id")||l.welcomeMessageId;return o.aug(n,{screenName:u,showScreenName:c,size:d,text:h,userId:f,welcomeMessageId:p})}(t),t.parentNode,t)})}},function(t,e,n){var r=n(0);t.exports=function t(e){var n;if(e)return n=e.lang||e.getAttribute("data-lang"),r.isType("string",n)?n:t(e.parentElement)}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return n.e(2).then(function(r){var o;try{o=n(83),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(62),i=n(26);t.exports=r.isSupported()?r:i},function(t,e,n){var r=n(119),i=n(1),o=n(10),s=n(35),a=n(18),u=n(56),c=n(27),d=n(57),l=n(43),f=n(47),h=n(7),p=n(44),m=n(6),v=n(0),g=50,w={position:"absolute",visibility:"hidden",display:"block",transform:"rotate(0deg)"},y={position:"static",visibility:"visible"},b="twitter-widget",_="open",E="SandboxRoot",x=".SandboxRoot { display: none; max-height: 10000px; }";t.exports=c.couple(n(58),function(t){t.defineStatic("isSupported",function(){return!!i.HTMLElement.prototype.attachShadow&&l.inlineStyle()}),t.overrideProperty("id",{get:function(){return this.sandboxEl&&this.sandboxEl.id}}),t.overrideProperty("initialized",{get:function(){return!!this._shadowHost}}),t.overrideProperty("width",{get:function(){return this._width}}),t.overrideProperty("height",{get:function(){return this._height}}),t.overrideProperty("sandboxEl",{get:function(){return this._shadowHost}}),t.define("_updateCachedDimensions",function(){var t=this;return a.read(function(){var e,n=f(t.sandboxEl);"visible"==t.sandboxEl.style.visibility?t._width=n.width:(e=f(t.sandboxEl.parentElement).width,t._width=Math.min(n.width,e)),t._height=n.height})}),t.define("_didResize",function(){var t=this,e=this._resizeHandlers.slice(0);return this._updateCachedDimensions().then(function(){e.forEach(function(e){e(t)})})}),t.override("createElement",function(t){return this.targetGlobal.document.createElement(t)}),t.override("createFragment",function(){return this.targetGlobal.document.createDocumentFragment()}),t.override("htmlToElement",function(t){var e;return(e=this.createElement("div")).innerHTML=t,e.firstElementChild}),t.override("hasSelectedText",function(){return!!u.getSelectedText(this.targetGlobal)}),t.override("addRootClass",function(t){var e=this._shadowRootBody;return t=Array.isArray(t)?t:[t],this.initialized?a.write(function(){t.forEach(function(t){o.add(e,t)})}):m.reject(new Error("sandbox not initialized"))}),t.override("removeRootClass",function(t){var e=this._shadowRootBody;return t=Array.isArray(t)?t:[t],this.initialized?a.write(function(){t.forEach(function(t){o.remove(e,t)})}):m.reject(new Error("sandbox not initialized"))}),t.override("hasRootClass",function(t){return o.present(this._shadowRootBody,t)}),t.override("addStyleSheet",function(t,e){return this.addCss('@import url("'+t+'");',e).then(function(){return d(t)})}),t.override("prependStyleSheet",function(t){var e=this._shadowRoot;return this.addStyleSheet(t,function(t){var n=e.firstElementChild;return n?e.insertBefore(t,n):e.appendChild(t)})}),t.override("appendStyleSheet",function(t){var e=this._shadowRoot;return this.addStyleSheet(t,function(t){return e.appendChild(t)})}),t.override("addCss",function(t,e){var n;return this.initialized?l.inlineStyle()?((n=this.createElement("style")).type="text/css",n.appendChild(this.targetGlobal.document.createTextNode(t)),a.write(h(e,null,n))):m.resolve():m.reject(new Error("sandbox not initialized"))}),t.override("prependCss",function(t){var e=this._shadowRoot;return this.addCss(t,function(t){var n=e.firstElementChild;return n?e.insertBefore(t,n):e.appendChild(t)})}),t.override("appendCss",function(t){var e=this._shadowRoot;return this.addCss(t,function(t){return e.appendChild(t)})}),t.override("makeVisible",function(){return this.styleSelf(y)}),t.override("injectWidgetEl",function(t){var e=this;return this.initialized?this._shadowRootBody.firstElementChild?m.reject(new Error("widget already injected")):a.write(function(){e._shadowRootBody.appendChild(t)}).then(function(){return e._updateCachedDimensions()}).then(function(){var t=p(e._didResize,g,e);new r(e._shadowRootBody,t)}):m.reject(new Error("sandbox not initialized"))}),t.override("matchHeightToContent",function(){return m.resolve()}),t.override("matchWidthToContent",function(){return m.resolve()}),t.override("insert",function(t,e,n,r){var i=this.targetGlobal.document,o=this._shadowHost=i.createElement(b),u=this._shadowRoot=o.attachShadow({mode:_}),c=this._shadowRootBody=i.createElement("div");return v.forIn(e||{},function(t,e){o.setAttribute(t,e)}),o.id=t,u.appendChild(c),s.delegate(c,"click","A",function(t,e){e.hasAttribute("target")||e.setAttribute("target","_blank")}),m.all([this.styleSelf(w),this.addRootClass(E),this.prependCss(x),a.write(r.bind(null,o))])}),t.override("onResize",function(t){this._resizeHandlers.push(t)}),t.after("initialize",function(){this._shadowHost=this._shadowRoot=this._shadowRootBody=null,this._width=this._height=0,this._resizeHandlers=[]}),t.after("styleSelf",function(){return this._updateCachedDimensions()})})},function(t,e){var n;(n=function(t,e){function r(t,e){if(t.resizedAttached){if(t.resizedAttached)return void t.resizedAttached.add(e)}else t.resizedAttached=new function(){var t,e;this.q=[],this.add=function(t){this.q.push(t)},this.call=function(){for(t=0,e=this.q.length;t
',t.appendChild(t.resizeSensor),{fixed:1,absolute:1}[function(t,e){return t.currentStyle?t.currentStyle[e]:window.getComputedStyle?window.getComputedStyle(t,null).getPropertyValue(e):t.style[e]}(t,"position")]||(t.style.position="relative");var i,o,s=t.resizeSensor.childNodes[0],a=s.childNodes[0],u=t.resizeSensor.childNodes[1],c=(u.childNodes[0],function(){a.style.width=s.offsetWidth+10+"px",a.style.height=s.offsetHeight+10+"px",s.scrollLeft=s.scrollWidth,s.scrollTop=s.scrollHeight,u.scrollLeft=u.scrollWidth,u.scrollTop=u.scrollHeight,i=t.offsetWidth,o=t.offsetHeight});c();var d=function(t,e,n){t.attachEvent?t.attachEvent("on"+e,n):t.addEventListener(e,n)},l=function(){t.offsetWidth==i&&t.offsetHeight==o||t.resizedAttached&&t.resizedAttached.call(),c()};d(s,"scroll",l),d(u,"scroll",l)}var i=Object.prototype.toString.call(t),o="[object Array]"===i||"[object NodeList]"===i||"[object HTMLCollection]"===i||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements;if(o)for(var s=0,a=t.length;s0;return this.updateCachedDimensions().then(function(){e&&t._resizeHandlers.forEach(function(e){e(t)})})}),t.define("loadDocument",function(t){var e=new a;return this.initialized?this.iframeEl.src?u.reject(new Error("widget already loaded")):(this.iframeEl.addEventListener("load",e.resolve,!1),this.iframeEl.addEventListener("error",e.reject,!1),this.iframeEl.src=t,e.promise):u.reject(new Error("sandbox not initialized"))}),t.after("initialize",function(){var t=new a,e=new a;this._iframe=null,this._iframeVersion=null,this._width=this._height=0,this._resizeHandlers=[],this._rendered=t,this._results=e,this._waitToSwapUntilRendered=!1}),t.override("insert",function(t,e,n,i){var a=this;return e=d.aug({id:t},l,e),n=d.aug({},f,n),this._iframe=s(e,n),p[t]=this,a._waitToSwapUntilRendered||this.onResize(o(function(){a.makeVisible()})),r.write(c(i,null,this._iframe))}),t.override("onResize",function(t){this._resizeHandlers.push(t)}),t.after("styleSelf",function(){return this.updateCachedDimensions()})}},function(t,e,n){var r=n(1),i=n(124),o=n(126),s=n(23),a=n(5),u=n(127);t.exports=function(t,e,n,c,d){function l(t){var e=u(this);s.trigger(t.type,{target:e,region:t.region,type:t.type,data:t.data||{}})}function f(e){var n=u(this),r=n&&n.id,i=a.asInt(e.width),o=a.asInt(e.height);r&&void 0!==i&&void 0!==o&&t(r,i,o)}(new i).attachReceiver(new o.Receiver(r,"twttr.button")).bind("twttr.private.trigger",l).bind("twttr.private.resizeButton",f),(new i).attachReceiver(new o.Receiver(r,"twttr.embed")).bind("twttr.private.initialized",function(t){var e=u(this),n=e&&e.id,r=t.iframe_version;n&&r&&c&&c(n,r)}).bind("twttr.private.trigger",l).bind("twttr.private.results",function(){var t=u(this),n=t&&t.id;n&&e&&e(n)}).bind("twttr.private.rendered",function(){var t=u(this),e=t&&t.id;e&&n&&n(e)}).bind("twttr.private.no_results",function(){var t=u(this),e=t&&t.id;e&&d&&d(e)}).bind("twttr.private.resize",f)}},function(t,e,n){var r=n(25),i=n(125),o=n(0),s=n(6),a=n(24),u="2.0";function c(t){this.registry=t||{}}function d(t){var e,n;return e=o.isType("string",t),n=o.isType("number",t),e||n||null===t}function l(t,e){return{jsonrpc:u,id:d(t)?t:null,error:e}}c.prototype._invoke=function(t,e){var n,r,i;n=this.registry[t.method],r=t.params||[],r=o.isType("array",r)?r:[r];try{i=n.apply(e.source||null,r)}catch(t){i=s.reject(t.message)}return a.isPromise(i)?i:s.resolve(i)},c.prototype._processRequest=function(t,e){var n,r;return function(t){var e,n,r;return!!o.isObject(t)&&(e=t.jsonrpc===u,n=o.isType("string",t.method),r=!("id"in t)||d(t.id),e&&n&&r)}(t)?(n="params"in t&&(r=t.params,!o.isObject(r)||o.isType("function",r))?s.resolve(l(t.id,i.INVALID_PARAMS)):this.registry[t.method]?this._invoke(t,{source:e}).then(function(e){return n=t.id,{jsonrpc:u,id:n,result:e};var n},function(){return l(t.id,i.INTERNAL_ERROR)}):s.resolve(l(t.id,i.METHOD_NOT_FOUND)),null!=t.id?n:s.resolve()):s.resolve(l(t.id,i.INVALID_REQUEST))},c.prototype.attachReceiver=function(t){return t.attachTo(this),this},c.prototype.bind=function(t,e){return this.registry[t]=e,this},c.prototype.receive=function(t,e){var n,a,u,c=this;try{u=t,t=o.isType("string",u)?r.parse(u):u}catch(t){return s.resolve(l(null,i.PARSE_ERROR))}return e=e||null,a=((n=o.isType("array",t))?t:[t]).map(function(t){return c._processRequest(t,e)}),n?function(t){return s.all(t).then(function(t){return(t=t.filter(function(t){return void 0!==t})).length?t:void 0})}(a):a[0]},t.exports=c},function(t){t.exports={PARSE_ERROR:{code:-32700,message:"Parse error"},INVALID_REQUEST:{code:-32600,message:"Invalid Request"},INVALID_PARAMS:{code:-32602,message:"Invalid params"},METHOD_NOT_FOUND:{code:-32601,message:"Method not found"},INTERNAL_ERROR:{code:-32603,message:"Internal error"}}},function(t,e,n){var r=n(9),i=n(1),o=n(25),s=n(2),a=n(21),u=n(0),c=n(3),d=n(7),l=a.ie9();function f(t,e,n){var r;t&&t.postMessage&&(l?r=(n||"")+o.stringify(e):n?(r={})[n]=e:r=e,t.postMessage(r,"*"))}function h(t){return u.isType("string",t)?t:"JSONRPC"}function p(t,e){return e?u.isType("string",t)&&0===t.indexOf(e)?t.substring(e.length):t&&t[e]?t[e]:void 0:t}function m(t,e){var n=t.document;this.filter=h(e),this.server=null,this.isTwitterFrame=c.isTwitterURL(n.location.href),t.addEventListener("message",d(this._onMessage,this),!1)}function v(t,e){this.pending={},this.target=t,this.isTwitterHost=c.isTwitterURL(r.href),this.filter=h(e),i.addEventListener("message",d(this._onMessage,this),!1)}u.aug(m.prototype,{_onMessage:function(t){var e,n=this;this.server&&(this.isTwitterFrame&&!c.isTwitterURL(t.origin)||(e=p(t.data,this.filter))&&this.server.receive(e,t.source).then(function(e){e&&f(t.source,e,n.filter)}))},attachTo:function(t){this.server=t},detach:function(){this.server=null}}),u.aug(v.prototype,{_processResponse:function(t){var e=this.pending[t.id];e&&(e.resolve(t),delete this.pending[t.id])},_onMessage:function(t){var e;if((!this.isTwitterHost||c.isTwitterURL(t.origin))&&(e=p(t.data,this.filter))){if(u.isType("string",e))try{e=o.parse(e)}catch(t){return}(e=u.isType("array",e)?e:[e]).forEach(d(this._processResponse,this))}},send:function(t){var e=new s;return t.id?this.pending[t.id]=e:e.resolve(),f(this.target,t,this.filter),e.promise}}),t.exports={Receiver:m,Dispatcher:v,_stringifyPayload:function(t){return arguments.length>0&&(l=!!t),l}}},function(t,e,n){var r=n(4);t.exports=function(t){for(var e,n=r.getElementsByTagName("iframe"),i=0;n[i];i++)if((e=n[i]).contentWindow===t)return e}},function(t,e,n){var r=n(5),i=n(0),o=n(3),s=n(13),a=n(14)(),u=n(64),c="a.twitter-moment";t.exports=function(t){return a(t,c).map(function(t){return u(function(t){var e=s(t),n={momentId:o.momentId(t.href),chrome:t.getAttribute("data-chrome"),limit:t.getAttribute("data-limit")};return i.forIn(n,function(t,n){var i=e[t];e[t]=r.hasValue(i)?i:n}),e}(t),t.parentNode,t)})}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return Promise.all([n.e(0),n.e(4)]).then(function(r){var o;try{o=n(85),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(0),i=n(13),o=n(14)(),s=n(65),a="a.periscope-on-air",u=/^https?:\/\/(?:www\.)?(?:periscope|pscp)\.tv\/@?([a-zA-Z0-9_]+)\/?$/i;t.exports=function(t){return o(t,a).map(function(t){return s(function(t){var e=i(t),n=t.getAttribute("href"),o=t.getAttribute("data-size"),s=u.exec(n)[1];return r.aug(e,{username:s,size:o})}(t),t.parentNode,t)})}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return n.e(5).then(function(r){var o;try{o=n(86),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(5),i=n(0),o=n(66),s=n(13),a=n(14)(),u=n(67),c=n(3),d=n(12),l="a.twitter-timeline,div.twitter-timeline,a.twitter-grid",f="Embedded Search timelines have been deprecated. See https://twittercommunity.com/t/deprecating-widget-settings/102295.",h="You may have been affected by an update to settings in embedded timelines. See https://twittercommunity.com/t/deprecating-widget-settings/102295.",p="Embedded grids have been deprecated and will now render as timelines. Please update your embed code to use the twitter-timeline class. More info: https://twittercommunity.com/t/update-on-the-embedded-grid-display-type/119564.";t.exports=function(t){return a(t,l).map(function(t){return u(function(t){var e=s(t),n=t.getAttribute("data-show-replies"),a={isPreconfigured:!!t.getAttribute("data-widget-id"),chrome:t.getAttribute("data-chrome"),tweetLimit:t.getAttribute("data-tweet-limit")||t.getAttribute("data-limit"),ariaLive:t.getAttribute("data-aria-polite"),theme:"dark",borderColor:t.getAttribute("data-border-color"),showReplies:n?r.asBoolean(n):null,profileScreenName:t.getAttribute("data-screen-name"),profileUserId:t.getAttribute("data-user-id"),favoritesScreenName:t.getAttribute("data-favorites-screen-name"),favoritesUserId:t.getAttribute("data-favorites-user-id"),likesScreenName:t.getAttribute("data-likes-screen-name"),likesUserId:t.getAttribute("data-likes-user-id"),listOwnerScreenName:t.getAttribute("data-list-owner-screen-name"),listOwnerUserId:t.getAttribute("data-list-owner-id"),listId:t.getAttribute("data-list-id"),listSlug:t.getAttribute("data-list-slug"),customTimelineId:t.getAttribute("data-custom-timeline-id"),staticContent:t.getAttribute("data-static-content"),url:t.href};return a.isPreconfigured&&(c.isSearchUrl(a.url)?d.publicError(f,t):d.publicLog(h,t)),"twitter-grid"===t.className&&d.publicLog(p,t),(a=i.aug(a,e)).dataSource=o(a),a.id=a.dataSource&&a.dataSource.id,a}(t),t.parentNode,t)})}},function(t,e,n){var r=n(28);t.exports=r.build([n(29),n(136)])},function(t,e,n){var r=n(0),i=n(135);t.exports=function(t){return"en"===t||r.contains(i,t)}},function(t,e){t.exports=["hi","zh-cn","fr","zh-tw","msa","fil","fi","sv","pl","ja","ko","de","it","pt","es","ru","id","tr","da","no","nl","hu","fa","ar","ur","he","th","cs","uk","vi","ro","bn","el","en-gb","gu","kn","mr","ta","bg","ca","hr","sr","sk"]},function(t,e,n){var r=n(3),i=n(0),o=n(20),s=n(48),a="collection:";function u(t,e){return r.collectionId(t)||e}t.exports=function(t){t.params({id:{},url:{}}),t.overrideProperty("id",{get:function(){var t=u(this.params.url,this.params.id);return a+t}}),t.overrideProperty("endpoint",{get:function(){return o.timeline(["collection"])}}),t.around("queryParams",function(t){return i.aug(t(),{collection_id:u(this.params.url,this.params.id)})}),t.before("initialize",function(){if(!u(this.params.url,this.params.id))throw new Error("one of url or id is required");s()})}},function(t,e,n){var r=n(28);t.exports=r.build([n(29),n(138)])},function(t,e,n){var r=n(3),i=n(0),o=n(20),s="event:";function a(t,e){return r.eventId(t)||e}t.exports=function(t){t.params({id:{},url:{}}),t.overrideProperty("id",{get:function(){var t=a(this.params.url,this.params.id);return s+t}}),t.overrideProperty("endpoint",{get:function(){return o.timeline(["event"])}}),t.around("queryParams",function(t){return i.aug(t(),{event_id:a(this.params.url,this.params.id)})}),t.before("initialize",function(){if(!a(this.params.url,this.params.id))throw new Error("one of url or id is required")})}},function(t,e,n){var r=n(28);t.exports=r.build([n(29),n(140)])},function(t,e,n){var r=n(3),i=n(0),o=n(20),s=n(48),a="likes:";function u(t){return r.likesScreenName(t.url)||t.screenName}t.exports=function(t){t.params({screenName:{},userId:{},url:{}}),t.overrideProperty("id",{get:function(){var t=u(this.params)||this.params.userId;return a+t}}),t.overrideProperty("endpoint",{get:function(){return o.timeline(["likes"])}}),t.define("_getLikesQueryParam",function(){var t=u(this.params);return t?{screen_name:t}:{user_id:this.params.userId}}),t.around("queryParams",function(t){return i.aug(t(),this._getLikesQueryParam())}),t.before("initialize",function(){if(!u(this.params)&&!this.params.userId)throw new Error("screen name or user id is required");s()})}},function(t,e,n){var r=n(28);t.exports=r.build([n(29),n(142)])},function(t,e,n){var r=n(3),i=n(0),o=n(20),s="list:";function a(t){var e=r.listScreenNameAndSlug(t.url)||t;return i.compact({screen_name:e.ownerScreenName,user_id:e.ownerUserId,list_slug:e.slug})}t.exports=function(t){t.params({id:{},ownerScreenName:{},ownerUserId:{},slug:{},url:{}}),t.overrideProperty("id",{get:function(){var t,e,n;return this.params.id?s+this.params.id:(e=(t=a(this.params))&&t.list_slug.replace(/-/g,"_"),n=t&&(t.screen_name||t.user_id),s+(n+":")+e)}}),t.overrideProperty("endpoint",{get:function(){return o.timeline(["list"])}}),t.define("_getListQueryParam",function(){return this.params.id?{list_id:this.params.id}:a(this.params)}),t.around("queryParams",function(t){return i.aug(t(),this._getListQueryParam())}),t.before("initialize",function(){var t=a(this.params);if(i.isEmptyObject(t)&&!this.params.id)throw new Error("qualified slug or list id required")})}},function(t,e,n){var r=n(28);t.exports=r.build([n(29),n(144)])},function(t,e,n){var r=n(3),i=n(5),o=n(0),s=n(20),a="profile:";function u(t,e){return r.screenName(t)||e}t.exports=function(t){t.params({showReplies:{fallback:!1,transform:i.asBoolean},screenName:{},userId:{},url:{}}),t.overrideProperty("id",{get:function(){var t=u(this.params.url,this.params.screenName);return a+(t||this.params.userId)}}),t.overrideProperty("endpoint",{get:function(){return s.timeline(["profile"])}}),t.define("_getProfileQueryParam",function(){var t=u(this.params.url,this.params.screenName),e=t?{screen_name:t}:{user_id:this.params.userId};return o.aug(e,{with_replies:this.params.showReplies?"true":"false"})}),t.around("queryParams",function(t){return o.aug(t(),this._getProfileQueryParam())}),t.before("initialize",function(){if(!u(this.params.url,this.params.screenName)&&!this.params.userId)throw new Error("screen name or user id is required")})}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return n.e(6).then(function(r){var o;try{o=n(87),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return Promise.all([n.e(0),n.e(7)]).then(function(r){var o;try{o=n(88),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(10),i=n(3),o=n(0),s=n(13),a=n(14)(),u=n(68),c="blockquote.twitter-tweet, blockquote.twitter-video",d=/\btw-align-(left|right|center)\b/;t.exports=function(t,e){return a(t,c).map(function(t){return u(function(t){var e=s(t),n=t.getElementsByTagName("A"),a=n&&n[n.length-1],u=a&&i.status(a.href),c=t.getAttribute("data-conversation"),l="none"==c||"hidden"==c||r.present(t,"tw-hide-thread"),f=t.getAttribute("data-cards"),h="none"==f||"hidden"==f||r.present(t,"tw-hide-media"),p=t.getAttribute("data-align")||t.getAttribute("align"),m="dark";return!p&&d.test(t.className)&&(p=RegExp.$1),o.aug(e,{tweetId:u,hideThread:l,hideCard:h,align:p,theme:m,id:u})}(t),t.parentNode,t,e)})}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return n.e(8).then(function(r){var o;try{o=n(89),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(10),i=n(0),o=n(13),s=n(14)(),a=n(69),u=n(5),c="a.twitter-share-button, a.twitter-mention-button, a.twitter-hashtag-button",d="twitter-hashtag-button",l="twitter-mention-button";t.exports=function(t){return s(t,c).map(function(t){return a(function(t){var e=o(t),n={screenName:t.getAttribute("data-button-screen-name"),text:t.getAttribute("data-text"),type:t.getAttribute("data-type"),size:t.getAttribute("data-size"),url:t.getAttribute("data-url"),hashtags:t.getAttribute("data-hashtags"),via:t.getAttribute("data-via"),buttonHashtag:t.getAttribute("data-button-hashtag")};return i.forIn(n,function(t,n){var r=e[t];e[t]=u.hasValue(r)?r:n}),e.screenName=e.screenName||e.screen_name,e.buttonHashtag=e.buttonHashtag||e.button_hashtag||e.hashtag,r.present(t,d)&&(e.type="hashtag"),r.present(t,l)&&(e.type="mention"),e}(t),t.parentNode,t)})}},function(t,e,n){var r=n(2);t.exports=function(t,e){var i=new r;return n.e(3).then(function(r){var o;try{o=n(90),i.resolve(new o(t,e))}catch(t){i.reject(t)}}.bind(null,n)).catch(function(t){i.reject(t)}),i.promise}},function(t,e,n){var r=n(0);t.exports=r.aug({},n(152),n(153),n(154),n(155),n(156),n(157),n(158))},function(t,e,n){var r=n(61),i=n(17)(["userId"],{},r);t.exports={createDMButton:i}},function(t,e,n){var r=n(63),i=n(17)(["screenName"],{},r);t.exports={createFollowButton:i}},function(t,e,n){var r=n(64),i=n(17)(["momentId"],{},r);t.exports={createMoment:i}},function(t,e,n){var r=n(65),i=n(17)(["username"],{},r);t.exports={createPeriscopeOnAirButton:i}},function(t,e,n){var r=n(9),i=n(12),o=n(3),s=n(0),a=n(5),u=n(66),c=n(67),d=n(17)([],{},c),l=n(6),f="Embedded grids have been deprecated. Please use twttr.widgets.createTimeline instead. More info: https://twittercommunity.com/t/update-on-the-embedded-grid-display-type/119564.",h={createTimeline:p,createGridFromCollection:function(t){var e=s.toRealArray(arguments).slice(1),n={sourceType:"collection",id:t};return e.unshift(n),i.publicLog(f),p.apply(this,e)}};function p(t){var e,n=s.toRealArray(arguments).slice(1);return a.isString(t)||a.isNumber(t)?l.reject("Embedded timelines with widget settings have been deprecated. See https://twittercommunity.com/t/deprecating-widget-settings/102295."):s.isObject(t)?(t=t||{},n.forEach(function(t){s.isType("object",t)&&function(t){t.ariaLive=t.ariaPolite}(e=t)}),e||(e={},n.push(e)),t.lang=e.lang,t.tweetLimit=e.tweetLimit,t.showReplies=e.showReplies,e.dataSource=u(t),d.apply(this,n)):l.reject("data source must be an object.")}o.isTwitterURL(r.href)&&(h.createTimelinePreview=function(t,e,n){var r={previewParams:t,useLegacyDefaults:!0,isPreviewTimeline:!0};return r.dataSource=u(r),d(e,r,n)}),t.exports=h},function(t,e,n){var r,i=n(0),o=n(68),s=n(17),a=(r=s(["tweetId"],{},o),function(){return i.toRealArray(arguments).slice(1).forEach(function(t){i.isType("object",t)&&(t.hideCard="none"==t.cards||"hidden"==t.cards,t.hideThread="none"==t.conversation||"hidden"==t.conversation)}),r.apply(this,arguments)});t.exports={createTweet:a,createTweetEmbed:a,createVideo:a}},function(t,e,n){var r=n(0),i=n(69),o=n(17),s=o(["url"],{type:"share"},i),a=o(["buttonHashtag"],{type:"hashtag"},i),u=o(["screenName"],{type:"mention"},i);function c(t){return function(){return r.toRealArray(arguments).slice(1).forEach(function(t){r.isType("object",t)&&(t.screenName=t.screenName||t.screen_name,t.buttonHashtag=t.buttonHashtag||t.button_hashtag||t.hashtag)}),t.apply(this,arguments)}}t.exports={createShareButton:c(s),createHashtagButton:c(a),createMentionButton:c(u)}},function(t,e,n){var r,i,o,s=n(4),a=n(1),u=0,c=[],d=s.createElement("a");function l(){var t,e;for(u=1,t=0,e=c.length;t code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #2a96f3; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #2a96f3; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #2a96f3; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #2a96f3; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #2a96f3; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #2a96f3; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #2a96f3; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #2a96f3; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #2a96f3 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2a96f3 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #2a96f3 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #2a96f3 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #2a96f3 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #2a96f3; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #2a96f3; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #2a96f3; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #2a96f3; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #2a96f3; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #2a96f3; + --secondary: #F0E0D6; + --success: #2a96f3; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #2a96f3; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #2a96f3; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #2a96f3; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #2a96f3; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #2a96f3; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #2a96f3; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #2a96f3; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #2a96f3; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #2a96f3; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #2a96f3; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #2a96f3; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #2a96f3 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2a96f3 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #2a96f3 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #2a96f3 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #2a96f3 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #2a96f3 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #2a96f3 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #2a96f3 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #2a96f3 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #2a96f3 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #2a96f3 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #2a96f3 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #2a96f3 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #2a96f3 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #2a96f3 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #2a96f3 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #2a96f3 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #2a96f3; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #2a96f3; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #2a96f3; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #2a96f3; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #2a96f3; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #2a96f3; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #2a96f3; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #2a96f3; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #2a96f3 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #2a96f3 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #2a96f3; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #2a96f3; + border-left: 2px solid #2a96f3; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #2a96f3; + font-weight: 600; + left: -1px; + border-left: solid 2px #2a96f3; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #2a96f3; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #2a96f3; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #2a96f3; +} + +.filter-link:hover, .filter-link:focus { + color: #2a96f3; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #2a96f3; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #2a96f3; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #2a96f3; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #2a96f3; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #2a96f3; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #2a96f3; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #2a96f3; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #2a96f3; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #2a96f3; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #2a96f3; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #2a96f3; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #2a96f3; +} + +blockquote { + border-left: 2px solid #2a96f3; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #2a96f3; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #2a96f3; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #2a96f3; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #2a96f3; + border: #2a96f3 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #2a96f3; +} + +pre .str, code .str { + color: #2a96f3; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #2a96f3; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #2a96f3; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #2a96f3; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #2a96f3; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #2a96f3; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #2a96f3; +} + +span.green { + color: #2a96f3; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #2a96f3; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #2a96f3; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #2a96f3 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #2a96f3 !important; +} + +/*# sourceMappingURL=4chan_2a96f3.css.map */ diff --git a/ruqqus/assets/style/4chan_30409f.css b/ruqqus/assets/style/4chan_30409f.css new file mode 100644 index 000000000..dc23fbf9f --- /dev/null +++ b/ruqqus/assets/style/4chan_30409f.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #30409f; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #30409f; + --secondary: #F0E0D6; + --success: #30409f; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #30409f; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #30409f; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #30409f; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #30409f; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #30409f; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #30409f; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #30409f; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #30409f; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #30409f; + border-color: #30409f; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #30409f !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #30409f !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #30409f !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #30409f !important; +} + +a.text-success:hover, a.text-success:focus { + color: #30409f !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #30409f; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #30409f; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #30409f; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #30409f; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #30409f; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #30409f; + --secondary: #F0E0D6; + --success: #30409f; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #30409f; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #30409f; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #30409f; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #30409f; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #30409f; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #30409f; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #30409f; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #30409f; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #30409f; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #30409f; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #30409f; + border-color: #30409f; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #30409f; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #30409f !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #30409f !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #30409f !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #30409f !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #30409f !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #30409f !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #30409f !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #30409f !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #30409f !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #30409f !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #30409f !important; +} + +a.text-success:hover, a.text-success:focus { + color: #30409f !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #30409f !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #30409f !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #30409f !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #30409f !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #30409f !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #30409f; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #30409f; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #30409f; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #30409f; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #30409f; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #30409f; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #30409f; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #30409f; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #30409f; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #30409f !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #30409f !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #30409f; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #30409f; + border-left: 2px solid #30409f; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #30409f; + font-weight: 600; + left: -1px; + border-left: solid 2px #30409f; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #30409f; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #30409f; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #30409f; +} + +.filter-link:hover, .filter-link:focus { + color: #30409f; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #30409f; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #30409f; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #30409f; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #30409f; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #30409f; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #30409f; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #30409f; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #30409f; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #30409f; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #30409f; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #30409f; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #30409f; +} + +blockquote { + border-left: 2px solid #30409f; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #30409f; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #30409f; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #30409f; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #30409f; + border: #30409f solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #30409f; +} + +pre .str, code .str { + color: #30409f; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #30409f; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #30409f; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #30409f; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #30409f; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #30409f; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #30409f !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #30409f; +} + +span.green { + color: #30409f; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #30409f; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #30409f; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #30409f !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #30409f !important; +} + +/*# sourceMappingURL=4chan_30409f.css.map */ diff --git a/ruqqus/assets/style/4chan_38a169.css b/ruqqus/assets/style/4chan_38a169.css new file mode 100644 index 000000000..b75775d6e --- /dev/null +++ b/ruqqus/assets/style/4chan_38a169.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38a169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #38a169; + --secondary: #F0E0D6; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #38a169 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #38a169 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #38a169; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #38a169; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #38a169; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38a169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #38a169; + --secondary: #F0E0D6; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #38a169; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #38a169; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #38a169; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #38a169 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #38a169 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #38a169 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #38a169 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #38a169 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #38a169 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #38a169 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #38a169 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #38a169 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #38a169 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #38a169 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #38a169 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #38a169 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #38a169 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #38a169; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #38a169; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #38a169; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #38a169; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #38a169; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #38a169; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #38a169; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #38a169; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #38a169; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #38a169 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #38a169 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #38a169; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #38a169; + border-left: 2px solid #38a169; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #38a169; + font-weight: 600; + left: -1px; + border-left: solid 2px #38a169; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #38a169; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #38a169; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #38a169; +} + +.filter-link:hover, .filter-link:focus { + color: #38a169; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #38a169; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #38a169; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #38a169; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #38a169; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #38a169; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #38a169; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #38a169; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #38a169; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #38a169; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #38a169; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #38a169; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #38a169; +} + +blockquote { + border-left: 2px solid #38a169; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #38a169; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #38a169; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #38a169; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38a169; +} + +pre .str, code .str { + color: #38a169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #38a169; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #38a169; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #38a169; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #38a169; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #38a169; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #38a169 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #38a169; +} + +span.green { + color: #38a169; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #38a169; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #38a169; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #38a169 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #38a169 !important; +} + +/*# sourceMappingURL=4chan_38a169.css.map */ diff --git a/ruqqus/assets/style/4chan_3e98a7.css b/ruqqus/assets/style/4chan_3e98a7.css new file mode 100644 index 000000000..26a891a19 --- /dev/null +++ b/ruqqus/assets/style/4chan_3e98a7.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #3e98a7; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #3e98a7; + --secondary: #F0E0D6; + --success: #3e98a7; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #3e98a7; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #3e98a7; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #3e98a7; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #3e98a7; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #3e98a7; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #3e98a7; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3e98a7; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #3e98a7; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #3e98a7 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3e98a7 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #3e98a7 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #3e98a7 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3e98a7 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #3e98a7; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #3e98a7; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #3e98a7; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #3e98a7; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #3e98a7; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #3e98a7; + --secondary: #F0E0D6; + --success: #3e98a7; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #3e98a7; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #3e98a7; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #3e98a7; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #3e98a7; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #3e98a7; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #3e98a7; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #3e98a7; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #3e98a7; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3e98a7; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #3e98a7; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #3e98a7; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #3e98a7 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3e98a7 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #3e98a7 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #3e98a7 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #3e98a7 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #3e98a7 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #3e98a7 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #3e98a7 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #3e98a7 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #3e98a7 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #3e98a7 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3e98a7 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #3e98a7 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #3e98a7 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #3e98a7 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #3e98a7 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #3e98a7 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #3e98a7; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #3e98a7; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #3e98a7; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #3e98a7; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #3e98a7; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #3e98a7; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #3e98a7; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #3e98a7; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #3e98a7 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #3e98a7 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #3e98a7; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #3e98a7; + border-left: 2px solid #3e98a7; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #3e98a7; + font-weight: 600; + left: -1px; + border-left: solid 2px #3e98a7; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #3e98a7; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #3e98a7; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #3e98a7; +} + +.filter-link:hover, .filter-link:focus { + color: #3e98a7; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #3e98a7; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #3e98a7; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #3e98a7; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #3e98a7; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #3e98a7; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #3e98a7; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #3e98a7; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #3e98a7; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #3e98a7; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #3e98a7; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #3e98a7; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #3e98a7; +} + +blockquote { + border-left: 2px solid #3e98a7; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #3e98a7; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #3e98a7; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #3e98a7; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #3e98a7; + border: #3e98a7 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #3e98a7; +} + +pre .str, code .str { + color: #3e98a7; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #3e98a7; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #3e98a7; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #3e98a7; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #3e98a7; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #3e98a7; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #3e98a7; +} + +span.green { + color: #3e98a7; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #3e98a7; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #3e98a7; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #3e98a7 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #3e98a7 !important; +} + +/*# sourceMappingURL=4chan_3e98a7.css.map */ diff --git a/ruqqus/assets/style/4chan_62ca56.css b/ruqqus/assets/style/4chan_62ca56.css new file mode 100644 index 000000000..b9d51bc66 --- /dev/null +++ b/ruqqus/assets/style/4chan_62ca56.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #62ca56; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #62ca56; + --secondary: #F0E0D6; + --success: #62ca56; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #62ca56; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #62ca56; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #62ca56; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #62ca56; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #62ca56; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #62ca56; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #62ca56; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #62ca56; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #62ca56 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #62ca56 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #62ca56 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #62ca56 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #62ca56 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #62ca56; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #62ca56; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #62ca56; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #62ca56; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #62ca56; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #62ca56; + --secondary: #F0E0D6; + --success: #62ca56; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #62ca56; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #62ca56; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #62ca56; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #62ca56; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #62ca56; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #62ca56; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #62ca56; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #62ca56; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #62ca56; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #62ca56; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #62ca56; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #62ca56 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #62ca56 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #62ca56 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #62ca56 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #62ca56 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #62ca56 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #62ca56 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #62ca56 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #62ca56 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #62ca56 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #62ca56 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #62ca56 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #62ca56 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #62ca56 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #62ca56 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #62ca56 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #62ca56 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #62ca56; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #62ca56; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #62ca56; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #62ca56; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #62ca56; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #62ca56; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #62ca56; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #62ca56; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #62ca56 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #62ca56 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #62ca56; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #62ca56; + border-left: 2px solid #62ca56; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #62ca56; + font-weight: 600; + left: -1px; + border-left: solid 2px #62ca56; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #62ca56; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #62ca56; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #62ca56; +} + +.filter-link:hover, .filter-link:focus { + color: #62ca56; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #62ca56; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #62ca56; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #62ca56; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #62ca56; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #62ca56; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #62ca56; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #62ca56; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #62ca56; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #62ca56; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #62ca56; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #62ca56; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #62ca56; +} + +blockquote { + border-left: 2px solid #62ca56; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #62ca56; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #62ca56; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #62ca56; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #62ca56; + border: #62ca56 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #62ca56; +} + +pre .str, code .str { + color: #62ca56; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #62ca56; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #62ca56; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #62ca56; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #62ca56; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #62ca56; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #62ca56; +} + +span.green { + color: #62ca56; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #62ca56; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #62ca56; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #62ca56 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #62ca56 !important; +} + +/*# sourceMappingURL=4chan_62ca56.css.map */ diff --git a/ruqqus/assets/style/4chan_7b9ae4.css b/ruqqus/assets/style/4chan_7b9ae4.css new file mode 100644 index 000000000..9f64e252b --- /dev/null +++ b/ruqqus/assets/style/4chan_7b9ae4.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7b9ae4; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #7b9ae4; + --secondary: #F0E0D6; + --success: #7b9ae4; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7b9ae4; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7b9ae4; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7b9ae4; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7b9ae4; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7b9ae4; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7b9ae4; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7b9ae4; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7b9ae4; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #7b9ae4 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7b9ae4 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #7b9ae4 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #7b9ae4 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7b9ae4 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #7b9ae4; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #7b9ae4; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7b9ae4; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7b9ae4; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7b9ae4; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #7b9ae4; + --secondary: #F0E0D6; + --success: #7b9ae4; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #7b9ae4; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #7b9ae4; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7b9ae4; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7b9ae4; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7b9ae4; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7b9ae4; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7b9ae4; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7b9ae4; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7b9ae4; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7b9ae4; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #7b9ae4; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #7b9ae4 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7b9ae4 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7b9ae4 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7b9ae4 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7b9ae4 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7b9ae4 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7b9ae4 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #7b9ae4 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7b9ae4 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7b9ae4 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #7b9ae4 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7b9ae4 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7b9ae4 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7b9ae4 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7b9ae4 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7b9ae4 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7b9ae4 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7b9ae4; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7b9ae4; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7b9ae4; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7b9ae4; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7b9ae4; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7b9ae4; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7b9ae4; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7b9ae4; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7b9ae4 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #7b9ae4 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7b9ae4; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7b9ae4; + border-left: 2px solid #7b9ae4; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7b9ae4; + font-weight: 600; + left: -1px; + border-left: solid 2px #7b9ae4; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #7b9ae4; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7b9ae4; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7b9ae4; +} + +.filter-link:hover, .filter-link:focus { + color: #7b9ae4; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7b9ae4; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7b9ae4; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7b9ae4; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7b9ae4; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7b9ae4; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7b9ae4; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7b9ae4; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7b9ae4; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7b9ae4; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7b9ae4; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7b9ae4; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7b9ae4; +} + +blockquote { + border-left: 2px solid #7b9ae4; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #7b9ae4; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7b9ae4; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7b9ae4; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #7b9ae4; + border: #7b9ae4 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #7b9ae4; +} + +pre .str, code .str { + color: #7b9ae4; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7b9ae4; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7b9ae4; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7b9ae4; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7b9ae4; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7b9ae4; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7b9ae4; +} + +span.green { + color: #7b9ae4; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #7b9ae4; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7b9ae4; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #7b9ae4 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #7b9ae4 !important; +} + +/*# sourceMappingURL=4chan_7b9ae4.css.map */ diff --git a/ruqqus/assets/style/4chan_7f8fa6.css b/ruqqus/assets/style/4chan_7f8fa6.css new file mode 100644 index 000000000..49c1886d0 --- /dev/null +++ b/ruqqus/assets/style/4chan_7f8fa6.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7f8fa6; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #7f8fa6; + --secondary: #F0E0D6; + --success: #7f8fa6; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7f8fa6; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7f8fa6; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7f8fa6; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7f8fa6; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7f8fa6; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7f8fa6; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7f8fa6; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7f8fa6; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #7f8fa6 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7f8fa6 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #7f8fa6 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #7f8fa6 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7f8fa6 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #7f8fa6; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #7f8fa6; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7f8fa6; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7f8fa6; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7f8fa6; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #7f8fa6; + --secondary: #F0E0D6; + --success: #7f8fa6; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #7f8fa6; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #7f8fa6; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7f8fa6; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7f8fa6; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7f8fa6; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7f8fa6; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7f8fa6; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7f8fa6; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7f8fa6; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7f8fa6; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #7f8fa6; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #7f8fa6 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7f8fa6 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7f8fa6 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7f8fa6 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7f8fa6 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7f8fa6 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7f8fa6 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #7f8fa6 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7f8fa6 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7f8fa6 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #7f8fa6 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7f8fa6 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7f8fa6 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7f8fa6 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7f8fa6 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7f8fa6 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7f8fa6 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7f8fa6; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7f8fa6; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7f8fa6; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7f8fa6; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7f8fa6; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7f8fa6; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7f8fa6; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7f8fa6; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7f8fa6 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #7f8fa6 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7f8fa6; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7f8fa6; + border-left: 2px solid #7f8fa6; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7f8fa6; + font-weight: 600; + left: -1px; + border-left: solid 2px #7f8fa6; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #7f8fa6; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7f8fa6; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7f8fa6; +} + +.filter-link:hover, .filter-link:focus { + color: #7f8fa6; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7f8fa6; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7f8fa6; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7f8fa6; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7f8fa6; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7f8fa6; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7f8fa6; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7f8fa6; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7f8fa6; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7f8fa6; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7f8fa6; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7f8fa6; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7f8fa6; +} + +blockquote { + border-left: 2px solid #7f8fa6; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #7f8fa6; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7f8fa6; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7f8fa6; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #7f8fa6; + border: #7f8fa6 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #7f8fa6; +} + +pre .str, code .str { + color: #7f8fa6; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7f8fa6; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7f8fa6; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7f8fa6; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7f8fa6; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7f8fa6; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7f8fa6; +} + +span.green { + color: #7f8fa6; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #7f8fa6; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7f8fa6; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #7f8fa6 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #7f8fa6 !important; +} + +/*# sourceMappingURL=4chan_7f8fa6.css.map */ diff --git a/ruqqus/assets/style/4chan_805ad5.css b/ruqqus/assets/style/4chan_805ad5.css new file mode 100644 index 000000000..5eb4a434c --- /dev/null +++ b/ruqqus/assets/style/4chan_805ad5.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #805ad5; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #805ad5; + --secondary: #F0E0D6; + --success: #805ad5; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #805ad5; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #805ad5; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #805ad5; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #805ad5; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #805ad5; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #805ad5; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #805ad5; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #805ad5; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #805ad5 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #805ad5 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #805ad5 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #805ad5 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #805ad5 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #805ad5; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #805ad5; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #805ad5; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #805ad5; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #805ad5; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #805ad5; + --secondary: #F0E0D6; + --success: #805ad5; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #805ad5; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #805ad5; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #805ad5; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #805ad5; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #805ad5; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #805ad5; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #805ad5; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #805ad5; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #805ad5; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #805ad5; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #805ad5; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #805ad5 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #805ad5 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #805ad5 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #805ad5 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #805ad5 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #805ad5 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #805ad5 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #805ad5 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #805ad5 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #805ad5 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #805ad5 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #805ad5 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #805ad5 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #805ad5 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #805ad5 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #805ad5 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #805ad5 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #805ad5; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #805ad5; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #805ad5; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #805ad5; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #805ad5; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #805ad5; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #805ad5; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #805ad5; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #805ad5 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #805ad5 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #805ad5; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #805ad5; + border-left: 2px solid #805ad5; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #805ad5; + font-weight: 600; + left: -1px; + border-left: solid 2px #805ad5; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #805ad5; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #805ad5; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #805ad5; +} + +.filter-link:hover, .filter-link:focus { + color: #805ad5; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #805ad5; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #805ad5; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #805ad5; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #805ad5; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #805ad5; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #805ad5; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #805ad5; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #805ad5; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #805ad5; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #805ad5; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #805ad5; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #805ad5; +} + +blockquote { + border-left: 2px solid #805ad5; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #805ad5; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #805ad5; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #805ad5; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #805ad5; + border: #805ad5 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #805ad5; +} + +pre .str, code .str { + color: #805ad5; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #805ad5; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #805ad5; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #805ad5; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #805ad5; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #805ad5; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #805ad5; +} + +span.green { + color: #805ad5; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #805ad5; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #805ad5; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #805ad5 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #805ad5 !important; +} + +/*# sourceMappingURL=4chan_805ad5.css.map */ diff --git a/ruqqus/assets/style/4chan_80ffff.css b/ruqqus/assets/style/4chan_80ffff.css new file mode 100644 index 000000000..1a8d52a89 --- /dev/null +++ b/ruqqus/assets/style/4chan_80ffff.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #80ffff; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #80ffff; + --secondary: #F0E0D6; + --success: #80ffff; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #80ffff; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #80ffff; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #80ffff; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #80ffff; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #80ffff; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #80ffff; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80ffff; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #80ffff; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #80ffff !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #80ffff !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #80ffff !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #80ffff !important; +} + +a.text-success:hover, a.text-success:focus { + color: #80ffff !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #80ffff; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #80ffff; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #80ffff; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #80ffff; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #80ffff; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #80ffff; + --secondary: #F0E0D6; + --success: #80ffff; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #80ffff; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #80ffff; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #80ffff; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #80ffff; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #80ffff; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #80ffff; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #80ffff; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #80ffff; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80ffff; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #80ffff; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #80ffff; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #80ffff !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #80ffff !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #80ffff !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #80ffff !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #80ffff !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #80ffff !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #80ffff !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #80ffff !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #80ffff !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #80ffff !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #80ffff !important; +} + +a.text-success:hover, a.text-success:focus { + color: #80ffff !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #80ffff !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #80ffff !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #80ffff !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #80ffff !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #80ffff !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #80ffff; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #80ffff; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #80ffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #80ffff; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #80ffff; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #80ffff; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #80ffff; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #80ffff; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #80ffff !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #80ffff !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #80ffff; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #80ffff; + border-left: 2px solid #80ffff; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #80ffff; + font-weight: 600; + left: -1px; + border-left: solid 2px #80ffff; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #80ffff; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #80ffff; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #80ffff; +} + +.filter-link:hover, .filter-link:focus { + color: #80ffff; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #80ffff; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #80ffff; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #80ffff; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #80ffff; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #80ffff; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #80ffff; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #80ffff; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #80ffff; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #80ffff; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #80ffff; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #80ffff; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #80ffff; +} + +blockquote { + border-left: 2px solid #80ffff; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #80ffff; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #80ffff; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #80ffff; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #80ffff; + border: #80ffff solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #80ffff; +} + +pre .str, code .str { + color: #80ffff; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #80ffff; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #80ffff; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #80ffff; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #80ffff; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #80ffff; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #80ffff !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #80ffff; +} + +span.green { + color: #80ffff; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #80ffff; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #80ffff; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #80ffff !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #80ffff !important; +} + +/*# sourceMappingURL=4chan_80ffff.css.map */ diff --git a/ruqqus/assets/style/4chan_e4432d.css b/ruqqus/assets/style/4chan_e4432d.css new file mode 100644 index 000000000..48b68e7b4 --- /dev/null +++ b/ruqqus/assets/style/4chan_e4432d.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #e4432d; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #e4432d; + --secondary: #F0E0D6; + --success: #e4432d; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e4432d; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #e4432d; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #e4432d; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #e4432d; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #e4432d; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #e4432d; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e4432d; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #e4432d; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #e4432d !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #e4432d !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #e4432d !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #e4432d !important; +} + +a.text-success:hover, a.text-success:focus { + color: #e4432d !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #e4432d; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #e4432d; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #e4432d; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #e4432d; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #e4432d; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #e4432d; + --secondary: #F0E0D6; + --success: #e4432d; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #e4432d; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #e4432d; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e4432d; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #e4432d; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #e4432d; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #e4432d; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #e4432d; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #e4432d; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e4432d; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #e4432d; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #e4432d; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #e4432d !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #e4432d !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #e4432d !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #e4432d !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #e4432d !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #e4432d !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #e4432d !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #e4432d !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #e4432d !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #e4432d !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #e4432d !important; +} + +a.text-success:hover, a.text-success:focus { + color: #e4432d !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #e4432d !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #e4432d !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #e4432d !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #e4432d !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #e4432d !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #e4432d; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #e4432d; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #e4432d; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #e4432d; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #e4432d; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #e4432d; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #e4432d; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #e4432d; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #e4432d !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #e4432d !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #e4432d; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #e4432d; + border-left: 2px solid #e4432d; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #e4432d; + font-weight: 600; + left: -1px; + border-left: solid 2px #e4432d; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #e4432d; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #e4432d; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #e4432d; +} + +.filter-link:hover, .filter-link:focus { + color: #e4432d; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #e4432d; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #e4432d; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #e4432d; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #e4432d; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #e4432d; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #e4432d; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #e4432d; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #e4432d; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #e4432d; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #e4432d; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #e4432d; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #e4432d; +} + +blockquote { + border-left: 2px solid #e4432d; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #e4432d; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #e4432d; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #e4432d; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #e4432d; + border: #e4432d solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #e4432d; +} + +pre .str, code .str { + color: #e4432d; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #e4432d; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #e4432d; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #e4432d; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #e4432d; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #e4432d; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #e4432d !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #e4432d; +} + +span.green { + color: #e4432d; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #e4432d; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #e4432d; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #e4432d !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #e4432d !important; +} + +/*# sourceMappingURL=4chan_e4432d.css.map */ diff --git a/ruqqus/assets/style/4chan_eb4963.css b/ruqqus/assets/style/4chan_eb4963.css new file mode 100644 index 000000000..1e1c6f6da --- /dev/null +++ b/ruqqus/assets/style/4chan_eb4963.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #eb4963; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #eb4963; + --secondary: #F0E0D6; + --success: #eb4963; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #eb4963; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #eb4963; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #eb4963; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #eb4963; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #eb4963; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #eb4963; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #eb4963; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #eb4963; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #eb4963 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #eb4963 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #eb4963 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #eb4963 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #eb4963 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #eb4963; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #eb4963; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #eb4963; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #eb4963; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #eb4963; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #eb4963; + --secondary: #F0E0D6; + --success: #eb4963; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #eb4963; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #eb4963; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #eb4963; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #eb4963; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #eb4963; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #eb4963; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #eb4963; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #eb4963; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #eb4963; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #eb4963; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #eb4963; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #eb4963 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #eb4963 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #eb4963 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #eb4963 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #eb4963 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #eb4963 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #eb4963 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #eb4963 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #eb4963 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #eb4963 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #eb4963 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #eb4963 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #eb4963 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #eb4963 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #eb4963 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #eb4963 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #eb4963 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #eb4963; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #eb4963; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #eb4963; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #eb4963; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #eb4963; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #eb4963; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #eb4963; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #eb4963; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #eb4963 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #eb4963 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #eb4963; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #eb4963; + border-left: 2px solid #eb4963; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #eb4963; + font-weight: 600; + left: -1px; + border-left: solid 2px #eb4963; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #eb4963; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #eb4963; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #eb4963; +} + +.filter-link:hover, .filter-link:focus { + color: #eb4963; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #eb4963; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #eb4963; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #eb4963; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #eb4963; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #eb4963; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #eb4963; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #eb4963; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #eb4963; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #eb4963; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #eb4963; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #eb4963; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #eb4963; +} + +blockquote { + border-left: 2px solid #eb4963; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #eb4963; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #eb4963; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #eb4963; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #eb4963; + border: #eb4963 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #eb4963; +} + +pre .str, code .str { + color: #eb4963; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #eb4963; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #eb4963; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #eb4963; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #eb4963; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #eb4963; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #eb4963; +} + +span.green { + color: #eb4963; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #eb4963; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #eb4963; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #eb4963 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #eb4963 !important; +} + +/*# sourceMappingURL=4chan_eb4963.css.map */ diff --git a/ruqqus/assets/style/4chan_ec72de.css b/ruqqus/assets/style/4chan_ec72de.css new file mode 100644 index 000000000..60d273289 --- /dev/null +++ b/ruqqus/assets/style/4chan_ec72de.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ec72de; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ec72de; + --secondary: #F0E0D6; + --success: #ec72de; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ec72de; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ec72de; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ec72de; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ec72de; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ec72de; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ec72de; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ec72de; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ec72de; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ec72de !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ec72de !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ec72de !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ec72de !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ec72de !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ec72de; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #ec72de; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ec72de; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ec72de; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ec72de; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ec72de; + --secondary: #F0E0D6; + --success: #ec72de; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ec72de; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ec72de; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ec72de; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ec72de; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ec72de; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ec72de; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ec72de; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ec72de; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ec72de; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ec72de; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #ec72de; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ec72de !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ec72de !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ec72de !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ec72de !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ec72de !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ec72de !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ec72de !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ec72de !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ec72de !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ec72de !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ec72de !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ec72de !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ec72de !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ec72de !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ec72de !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ec72de !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ec72de !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ec72de; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ec72de; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ec72de; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ec72de; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ec72de; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ec72de; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ec72de; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ec72de; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ec72de !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ec72de !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ec72de; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ec72de; + border-left: 2px solid #ec72de; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ec72de; + font-weight: 600; + left: -1px; + border-left: solid 2px #ec72de; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ec72de; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ec72de; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ec72de; +} + +.filter-link:hover, .filter-link:focus { + color: #ec72de; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ec72de; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ec72de; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ec72de; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ec72de; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ec72de; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ec72de; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ec72de; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ec72de; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ec72de; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ec72de; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ec72de; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ec72de; +} + +blockquote { + border-left: 2px solid #ec72de; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ec72de; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ec72de; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ec72de; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ec72de; + border: #ec72de solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ec72de; +} + +pre .str, code .str { + color: #ec72de; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ec72de; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ec72de; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ec72de; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ec72de; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ec72de; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ec72de !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ec72de; +} + +span.green { + color: #ec72de; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ec72de; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ec72de; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #ec72de !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #ec72de !important; +} + +/*# sourceMappingURL=4chan_ec72de.css.map */ diff --git a/ruqqus/assets/style/4chan_f39731.css b/ruqqus/assets/style/4chan_f39731.css new file mode 100644 index 000000000..8277c35ee --- /dev/null +++ b/ruqqus/assets/style/4chan_f39731.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f39731; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #f39731; + --secondary: #F0E0D6; + --success: #f39731; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f39731; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f39731; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f39731; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f39731; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f39731; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f39731; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f39731; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f39731; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #f39731; + border-color: #f39731; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #f39731 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f39731 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #f39731 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #f39731 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f39731 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #f39731; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #f39731; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f39731; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f39731; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f39731; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #f39731; + --secondary: #F0E0D6; + --success: #f39731; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #f39731; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #f39731; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f39731; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f39731; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f39731; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f39731; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f39731; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f39731; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f39731; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f39731; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #f39731; + border-color: #f39731; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #f39731; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #f39731 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f39731 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f39731 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f39731 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f39731 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f39731 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f39731 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #f39731 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f39731 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f39731 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #f39731 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f39731 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f39731 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f39731 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f39731 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f39731 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f39731 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f39731; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f39731; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f39731; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f39731; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f39731; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f39731; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f39731; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f39731; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f39731; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f39731 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #f39731 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f39731; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f39731; + border-left: 2px solid #f39731; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f39731; + font-weight: 600; + left: -1px; + border-left: solid 2px #f39731; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #f39731; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f39731; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f39731; +} + +.filter-link:hover, .filter-link:focus { + color: #f39731; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f39731; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f39731; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f39731; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f39731; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f39731; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f39731; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f39731; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f39731; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f39731; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f39731; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f39731; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f39731; +} + +blockquote { + border-left: 2px solid #f39731; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #f39731; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f39731; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f39731; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #f39731; + border: #f39731 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #f39731; +} + +pre .str, code .str { + color: #f39731; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f39731; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f39731; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f39731; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f39731; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f39731; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #f39731 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f39731; +} + +span.green { + color: #f39731; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #f39731; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f39731; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #f39731 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #f39731 !important; +} + +/*# sourceMappingURL=4chan_f39731.css.map */ diff --git a/ruqqus/assets/style/4chan_f8db58.css b/ruqqus/assets/style/4chan_f8db58.css new file mode 100644 index 000000000..7889ec8f6 --- /dev/null +++ b/ruqqus/assets/style/4chan_f8db58.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f8db58; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #f8db58; + --secondary: #F0E0D6; + --success: #f8db58; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f8db58; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f8db58; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f8db58; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f8db58; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f8db58; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f8db58; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f8db58; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f8db58; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #f8db58 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f8db58 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #f8db58 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #f8db58 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f8db58 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #f8db58; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #f8db58; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f8db58; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f8db58; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f8db58; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #f8db58; + --secondary: #F0E0D6; + --success: #f8db58; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #f8db58; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #f8db58; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f8db58; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f8db58; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f8db58; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f8db58; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f8db58; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f8db58; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f8db58; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f8db58; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #f8db58; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #f8db58 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f8db58 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f8db58 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f8db58 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f8db58 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f8db58 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f8db58 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #f8db58 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f8db58 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f8db58 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #f8db58 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f8db58 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f8db58 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f8db58 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f8db58 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f8db58 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f8db58 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f8db58; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f8db58; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f8db58; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f8db58; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f8db58; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f8db58; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f8db58; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f8db58; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f8db58 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #f8db58 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f8db58; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f8db58; + border-left: 2px solid #f8db58; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f8db58; + font-weight: 600; + left: -1px; + border-left: solid 2px #f8db58; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #f8db58; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f8db58; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f8db58; +} + +.filter-link:hover, .filter-link:focus { + color: #f8db58; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f8db58; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f8db58; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f8db58; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f8db58; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f8db58; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f8db58; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f8db58; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f8db58; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f8db58; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f8db58; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f8db58; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f8db58; +} + +blockquote { + border-left: 2px solid #f8db58; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #f8db58; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f8db58; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f8db58; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #f8db58; + border: #f8db58 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #f8db58; +} + +pre .str, code .str { + color: #f8db58; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f8db58; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f8db58; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f8db58; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f8db58; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f8db58; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f8db58; +} + +span.green { + color: #f8db58; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #f8db58; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f8db58; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #f8db58 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #f8db58 !important; +} + +/*# sourceMappingURL=4chan_f8db58.css.map */ diff --git a/ruqqus/assets/style/4chan_ff0000.css b/ruqqus/assets/style/4chan_ff0000.css new file mode 100644 index 000000000..0b37a4dec --- /dev/null +++ b/ruqqus/assets/style/4chan_ff0000.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff0000; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ff0000; + --secondary: #F0E0D6; + --success: #ff0000; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff0000; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff0000; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff0000; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff0000; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff0000; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff0000; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff0000; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff0000; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ff0000 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff0000 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ff0000 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ff0000 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff0000 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ff0000; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #ff0000; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff0000; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff0000; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff0000; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ff0000; + --secondary: #F0E0D6; + --success: #ff0000; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ff0000; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ff0000; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff0000; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff0000; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff0000; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff0000; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff0000; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff0000; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff0000; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff0000; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #ff0000; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ff0000 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff0000 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff0000 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff0000 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff0000 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff0000 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff0000 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ff0000 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff0000 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff0000 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ff0000 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff0000 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff0000 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff0000 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff0000 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff0000 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff0000 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff0000; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff0000; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff0000; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff0000; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff0000; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff0000; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff0000; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff0000; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff0000 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ff0000 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff0000; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff0000; + border-left: 2px solid #ff0000; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff0000; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff0000; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ff0000; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff0000; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff0000; +} + +.filter-link:hover, .filter-link:focus { + color: #ff0000; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff0000; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff0000; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff0000; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff0000; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff0000; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff0000; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff0000; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff0000; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff0000; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff0000; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff0000; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff0000; +} + +blockquote { + border-left: 2px solid #ff0000; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ff0000; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff0000; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff0000; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ff0000; + border: #ff0000 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ff0000; +} + +pre .str, code .str { + color: #ff0000; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff0000; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff0000; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff0000; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff0000; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff0000; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff0000; +} + +span.green { + color: #ff0000; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ff0000; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff0000; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #ff0000 !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #ff0000 !important; +} + +/*# sourceMappingURL=4chan_ff0000.css.map */ diff --git a/ruqqus/assets/style/4chan_ff66ac.css b/ruqqus/assets/style/4chan_ff66ac.css new file mode 100644 index 000000000..c8c4bb84c --- /dev/null +++ b/ruqqus/assets/style/4chan_ff66ac.css @@ -0,0 +1,28027 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff66ac; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ff66ac; + --secondary: #F0E0D6; + --success: #ff66ac; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff66ac; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff66ac; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff66ac; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff66ac; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff66ac; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff66ac; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff66ac; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff66ac; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ff66ac !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff3390 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ff66ac !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ff66ac !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff1a83 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ff66ac; +} + +.bd-callout-secondary { + border-left-color: #F0E0D6; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #F0E0D6; +} + +.bd-callout-success { + border-left-color: #ff66ac; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff66ac; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff66ac; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-600 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-700 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-800 { + border-left-color: #F0E0D6; +} + +.bd-callout-gray-900 { + border-left-color: #F0E0D6; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff66ac; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #F0E0D6; + --gray-dark: #F0E0D6; + --primary: #ff66ac; + --secondary: #F0E0D6; + --success: #ff66ac; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #F0E0D6; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ff66ac; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ff66ac; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #F0E0D6; + --gray-600: #F0E0D6; + --gray-700: #F0E0D6; + --gray-800: #F0E0D6; + --gray-900: #F0E0D6; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #F0E0D6; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #F0E0D6; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #F0E0D6; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #F0E0D6; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #F0E0D6; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #F0E0D6; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #F0E0D6; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #F0E0D6; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f1e5d2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-secondary:hover { + background-color: #ebdabf; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ebdabf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f1e5d2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-light:hover { + background-color: #ebdabf; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ebdabf; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #f1e5d2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-500:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #ebdabf; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #f1e5d2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-600:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #ebdabf; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #f1e5d2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-700:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #ebdabf; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #f1e5d2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-800:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #ebdabf; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #f1e5d2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #f0e3d3; +} + +.table-hover .table-gray-900:hover { + background-color: #ebdabf; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #ebdabf; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #F0E0D6; + border-color: #faf5f2; +} +.table .thead-light th { + color: #F0E0D6; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #F0E0D6; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #faf5f2; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #F0E0D6; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} +.form-control:focus { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #F0E0D6; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #F0E0D6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #F0E0D6; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff66ac; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F0E0D6; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff66ac; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff66ac; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff66ac; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff66ac; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff66ac; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff66ac; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff66ac; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #F0E0D6; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #F0E0D6; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-secondary { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-success { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #F0E0D6; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 198, 38, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-light:focus, .btn-light.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #F0E0D6; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #F0E0D6; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 230, 209, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-purple { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gold { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #F0E0D6; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 204, 96, 0.5); +} + +.btn-admin { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(253, 120, 178, 0.5); +} + +.btn-gray { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(181, 163, 142, 0.5); +} + +.btn-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:hover { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #F0E0D6; + background-color: #e6cbba; + border-color: #e2c4b1; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #e2c4b1; + border-color: #dfbda7; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-success { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #F0E0D6; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #F0E0D6; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #F0E0D6; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:hover { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #F0E0D6; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #F0E0D6; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-600 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-700 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-800 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-gray-900 { + color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:hover { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #F0E0D6; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #F0E0D6; + background-color: #F0E0D6; + border-color: #F0E0D6; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #F0E0D6; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #F0E0D6; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #F0E0D6; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #e9d2c3; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #F0E0D6; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #F0E0D6; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #F0E0D6; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #F0E0D6 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #F0E0D6; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23F0E0D6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #F0E0D6; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #F0E0D6; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #F0E0D6; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #F0E0D6; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #F0E0D6; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #F0E0D6; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #F0E0D6; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #F0E0D6; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #F0E0D6; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #F0E0D6; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #F0E0D6; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #F0E0D6; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #F0E0D6; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-success { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-success:hover, a.badge-success:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #F0E0D6; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #F0E0D6; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-light:hover, a.badge-light:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #F0E0D6; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #F0E0D6; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #F0E0D6; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #F0E0D6; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #F0E0D6; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #F0E0D6; + background-color: #ff66ac; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #F0E0D6; + background-color: #ff3390; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #F0E0D6; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #F0E0D6; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-600 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-700 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-800 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-gray-900 { + color: #F0E0D6; + background-color: #F0E0D6; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #F0E0D6; + background-color: #e2c4b1; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(240, 224, 214, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-secondary hr { + border-top-color: #ebdabf; +} +.alert-secondary .alert-link { + color: #85736d; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-light hr { + border-top-color: #ebdabf; +} +.alert-light .alert-link { + color: #85736d; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-500 hr { + border-top-color: #ebdabf; +} +.alert-gray-500 .alert-link { + color: #85736d; +} + +.alert-gray-600 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-600 hr { + border-top-color: #ebdabf; +} +.alert-gray-600 .alert-link { + color: #85736d; +} + +.alert-gray-700 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-700 hr { + border-top-color: #ebdabf; +} +.alert-gray-700 .alert-link { + color: #85736d; +} + +.alert-gray-800 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-800 hr { + border-top-color: #ebdabf; +} +.alert-gray-800 .alert-link { + color: #85736d; +} + +.alert-gray-900 { + color: #9d8d88; + background-color: #f1e6d1; + border-color: #f1e5d2; +} +.alert-gray-900 hr { + border-top-color: #ebdabf; +} +.alert-gray-900 .alert-link { + color: #85736d; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #F0E0D6; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #F0E0D6; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #F0E0D6; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #F0E0D6; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-600 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-700 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-800 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-gray-900 { + color: #9d8d88; + background-color: #f1e5d2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #9d8d88; + background-color: #ebdabf; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d8d88; + border-color: #9d8d88; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #F0E0D6; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #F0E0D6; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #F0E0D6 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #e2c4b1 !important; +} + +.bg-success { + background-color: #ff66ac !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff3390 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #F0E0D6 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e2c4b1 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff66ac !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff3390 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff3390 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff66ac !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff3390 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-600 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-700 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-800 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #e2c4b1 !important; +} + +.bg-gray-900 { + background-color: #F0E0D6 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #e2c4b1 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #F0E0D6 !important; +} + +.border-success { + border-color: #ff66ac !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #F0E0D6 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff66ac !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff66ac !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #F0E0D6 !important; +} + +.border-gray-600 { + border-color: #F0E0D6 !important; +} + +.border-gray-700 { + border-color: #F0E0D6 !important; +} + +.border-gray-800 { + border-color: #F0E0D6 !important; +} + +.border-gray-900 { + border-color: #F0E0D6 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #F0E0D6 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #dcb69e !important; +} + +.text-success { + color: #ff66ac !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff1a83 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #F0E0D6 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #dcb69e !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff66ac !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff1a83 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff1a83 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff66ac !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff1a83 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #F0E0D6 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #dcb69e !important; +} + +.text-gray-600 { + color: #F0E0D6 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #dcb69e !important; +} + +.text-gray-700 { + color: #F0E0D6 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #dcb69e !important; +} + +.text-gray-800 { + color: #F0E0D6 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #dcb69e !important; +} + +.text-gray-900 { + color: #F0E0D6 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #dcb69e !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #F0E0D6 !important; +} + +.text-muted { + color: #F0E0D6 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #F0E0D6; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #F0E0D6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #F0E0D6; +} + +#page { + padding-top: 49px; + background-color: #F0E0D6; +} + +#article { + padding-top: 0; + background-color: #F0E0D6; +} + +#thread, #userpage { + background-color: #F0E0D6; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff66ac; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #F0E0D6 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #F0E0D6; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff66ac; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff66ac; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff66ac; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff66ac; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff66ac; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #F0E0D6; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #F0E0D6; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #F0E0D6; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #F0E0D6; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #F0E0D6; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff66ac; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff66ac; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff66ac !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ff66ac !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #F0E0D6 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #F0E0D6; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F0E0D6; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #F0E0D6; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff66ac; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff66ac; + border-left: 2px solid #ff66ac; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff66ac; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff66ac; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #F0E0D6 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ff66ac; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F0E0D6; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F0E0D6; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #F0E0D6; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #F0E0D6 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #F0E0D6; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff66ac; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff66ac; +} + +.filter-link:hover, .filter-link:focus { + color: #ff66ac; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff66ac; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff66ac; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff66ac; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff66ac; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff66ac; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff66ac; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff66ac; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #F0E0D6; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #F0E0D6; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff66ac; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff66ac; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #F0E0D6; +} + +#thread .card { + background-color: #F0E0D6; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #F0E0D6; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff66ac; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff66ac; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff66ac; +} + +blockquote { + border-left: 2px solid #ff66ac; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F0E0D6; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #F0E0D6; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #F0E0D6; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #F0E0D6; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ff66ac; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff66ac; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #F0E0D6; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff66ac; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #F0E0D6; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #F0E0D6; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #F0E0D6; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #F0E0D6; + border: none; +} + +#settings-guild { + background-color: #F0E0D6; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #F0E0D6; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #F0E0D6; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ff66ac; + border: #ff66ac solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #F0E0D6; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ff66ac; +} + +pre .str, code .str { + color: #ff66ac; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff66ac; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff66ac; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #F0E0D6; + } + + #thread, #userpage { + background-color: #F0E0D6; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #F0E0D6; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #F0E0D6; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff66ac; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #F0E0D6; + } + + .card { + background-color: #F0E0D6; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff66ac; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff66ac; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #F0E0D6; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #F0E0D6 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #F0E0D6 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff66ac; +} + +span.green { + color: #ff66ac; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ff66ac; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff66ac; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.text-white { + color: #ff66ac !important; +} + +.modal .comment-actions a { + color: #F0E0D6; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +html * { + font-family: arial, helvetica, sans-serif; + color: #800000; +} + +body, #main-content-col, .sidebar { + background-color: #F0E0D6 !important; +} + +.border-right, .border-left, .border-top, .border-bottom, .border { + border-color: #D9BFB7 !important; +} + +.card-header { + border-color: #D9BFB7 !important; +} + +#guild .pseudo-submit-form.card { + background-color: #F0E0D6 !important; + border: 1px solid #D9BFB7 !important; +} + +.post-title a { + color: #800000 !important; +} + +.comment, .card { + background-color: #F0E0D6 !important; + border-color: #D9BFB7 !important; +} + +.form-control { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse::before { + border-color: #D9BFB7 !important; +} + +.comment .comment-collapse:hover::before { + border-left-color: #800000 !important; +} + +.post-actions *:hover, .comment-actions *:hover, .comment-actions .copy-link:hover { + color: #F00 !important; +} + +a { + color: #ff66ac !important; +} + +/*# sourceMappingURL=4chan_ff66ac.css.map */ diff --git a/ruqqus/assets/style/agendaposter.css b/ruqqus/assets/style/agendaposter.css new file mode 100644 index 000000000..88f1978eb --- /dev/null +++ b/ruqqus/assets/style/agendaposter.css @@ -0,0 +1,38 @@ +html { + cursor:url('https://i.ibb.co/4VZB08S/Image.png'), auto; +} + +/*body { + background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red); +}*/ + +.nav-item .text-small.font-weight-bold::before { + content: "(((" +} +.nav-item .text-small.font-weight-bold::after { + content: ")))" +} +.nav-item .text-small-extra.text-purple { + font-size: 0 !important +} +.nav-item .text-small-extra.text-purple i { + font-size: 11px !important +} +.nav-item .text-small-extra.text-purple::after { + content: "-9999 Dramacoins"; + font-size: 11px !important +} + +h1, h2, h3, h4, h5, h6, p, span, label { + background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + color: transparent; +} + +a { + background-image: linear-gradient(to left, #00f2fb, #ff7f7f, white, white, #ff7f7f, #00f2fb); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + color: transparent; +} \ No newline at end of file diff --git a/ruqqus/assets/style/coffee.scss b/ruqqus/assets/style/coffee.scss new file mode 100644 index 000000000..b71136a54 --- /dev/null +++ b/ruqqus/assets/style/coffee.scss @@ -0,0 +1,68 @@ +// Colors + +$primary: #ff66ac; +$dark: #3E2C18; +$secondary: #DDD2C4; +$danger: #E53E3E; +$white: #F1E7D0; +$black: #433434; +$light: #DDD2C4; +$success: #ff66ac; +$muted: #AA9881; +$info: #168EEA; + +$purple: #FF66AC; +$red: #E53E3E; +$gray: #AA9881; +$green: #ff66ac; + +$gray-100: #817261; +$gray-200: #433434; +$gray-300: #433434; +$gray-400: #AA9881; +$gray-500: #DDD2C4; +$gray-600: #DDD2C4; +$gray-700: #DDD2C4; +$gray-800: #DDD2C4; +$gray-900: #DDD2C4; + +$upvote: #ff66ac; +$downvote: #38B2AC; +$admin: #ff66ac; +$banned: #FEB2B2; +$deleted: #FEFCBF; +$deletedandbanned: #ffcc99; +$mod: #07c20c; +$code: #e83e8c; + +$gold: #ECC94B; +$reddit: #ED4630; + +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; + +@import "D:/#D/ruqqus/assets/style/node_modules/bootstrap/scss/bootstrap.scss"; +@import "D:/#D/ruqqus/assets/style/main.scss"; + +* { + font-family: 'Lato'; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: $black !important; +} + +.modal .comment-actions a { + color: $gray-500; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: $black; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} \ No newline at end of file diff --git a/ruqqus/assets/style/coffee_2a96f3.css b/ruqqus/assets/style/coffee_2a96f3.css new file mode 100644 index 000000000..fa75ba759 --- /dev/null +++ b/ruqqus/assets/style/coffee_2a96f3.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #2a96f3; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #2a96f3; + --secondary: #DDD2C4; + --success: #2a96f3; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #2a96f3; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #2a96f3; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #2a96f3; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #2a96f3; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #2a96f3; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #2a96f3; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #2a96f3; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #2a96f3; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #2a96f3 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2a96f3 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #2a96f3 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #2a96f3 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #2a96f3 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #2a96f3; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #2a96f3; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #2a96f3; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #2a96f3; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #2a96f3; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #2a96f3; + --secondary: #DDD2C4; + --success: #2a96f3; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #2a96f3; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #2a96f3; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #2a96f3; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #2a96f3; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #2a96f3; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232a96f3' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #2a96f3; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #2a96f3; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #2a96f3; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #2a96f3; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #2a96f3; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #2a96f3; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #2a96f3 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2a96f3 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #2a96f3 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #2a96f3 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #2a96f3 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #2a96f3 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #2a96f3 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #2a96f3 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #2a96f3 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #2a96f3 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #2a96f3 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #2a96f3 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #2a96f3 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #2a96f3 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #2a96f3 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #2a96f3 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #2a96f3 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #2a96f3; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #2a96f3; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #2a96f3; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #2a96f3; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #2a96f3; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #2a96f3; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #2a96f3; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #2a96f3; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #2a96f3 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #2a96f3 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #2a96f3; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #2a96f3; + border-left: 2px solid #2a96f3; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #2a96f3; + font-weight: 600; + left: -1px; + border-left: solid 2px #2a96f3; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #2a96f3; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #2a96f3; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #2a96f3; +} + +.filter-link:hover, .filter-link:focus { + color: #2a96f3; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #2a96f3; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #2a96f3; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #2a96f3; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #2a96f3; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #2a96f3; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #2a96f3; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #2a96f3; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #2a96f3; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #2a96f3; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #2a96f3; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #2a96f3; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #2a96f3; +} + +blockquote { + border-left: 2px solid #2a96f3; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #2a96f3; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #2a96f3; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #2a96f3; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #2a96f3; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #2a96f3; + border: #2a96f3 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #2a96f3; +} + +pre .str, code .str { + color: #2a96f3; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #2a96f3; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #2a96f3; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #2a96f3; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #2a96f3; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #2a96f3; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #2a96f3; +} + +span.green { + color: #2a96f3; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #2a96f3; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #2a96f3; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_2a96f3.css.map */ diff --git a/ruqqus/assets/style/coffee_30409f.css b/ruqqus/assets/style/coffee_30409f.css new file mode 100644 index 000000000..88606b448 --- /dev/null +++ b/ruqqus/assets/style/coffee_30409f.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #30409f; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #30409f; + --secondary: #DDD2C4; + --success: #30409f; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #30409f; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #30409f; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #30409f; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #30409f; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #30409f; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #30409f; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #30409f; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #30409f; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #30409f; + border-color: #30409f; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #30409f !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #30409f !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #30409f !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #30409f !important; +} + +a.text-success:hover, a.text-success:focus { + color: #30409f !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #30409f; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #30409f; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #30409f; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #30409f; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #30409f; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #30409f; + --secondary: #DDD2C4; + --success: #30409f; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #30409f; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #30409f; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #30409f; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #30409f; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #30409f; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2330409f' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #30409f; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #30409f; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #30409f; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #30409f; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #30409f; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #30409f; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #30409f; + border-color: #30409f; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #30409f; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #30409f !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #30409f !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #30409f !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #30409f !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #30409f !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #30409f !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #30409f !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #30409f !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #30409f !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #30409f !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #30409f !important; +} + +a.text-success:hover, a.text-success:focus { + color: #30409f !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #30409f !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #30409f !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #30409f !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #30409f !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #30409f !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #30409f; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #30409f; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #30409f; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #30409f; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #30409f; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #30409f; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #30409f; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #30409f; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #30409f; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #30409f !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #30409f !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #30409f; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #30409f; + border-left: 2px solid #30409f; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #30409f; + font-weight: 600; + left: -1px; + border-left: solid 2px #30409f; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #30409f; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #30409f; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #30409f; +} + +.filter-link:hover, .filter-link:focus { + color: #30409f; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #30409f; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #30409f; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #30409f; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #30409f; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #30409f; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #30409f; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #30409f; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #30409f; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #30409f; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #30409f; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #30409f; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #30409f; +} + +blockquote { + border-left: 2px solid #30409f; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #30409f; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #30409f; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #30409f; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #30409f; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #30409f; + border: #30409f solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #30409f; +} + +pre .str, code .str { + color: #30409f; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #30409f; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #30409f; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #30409f; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #30409f; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #30409f; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #30409f !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #30409f; +} + +span.green { + color: #30409f; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #30409f; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #30409f; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_30409f.css.map */ diff --git a/ruqqus/assets/style/coffee_38a169.css b/ruqqus/assets/style/coffee_38a169.css new file mode 100644 index 000000000..ad668b965 --- /dev/null +++ b/ruqqus/assets/style/coffee_38a169.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38a169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #38a169; + --secondary: #DDD2C4; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #38a169 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #38a169 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #38a169; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #38a169; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #38a169; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38a169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #38a169; + --secondary: #DDD2C4; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #38a169; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #38a169; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #38a169; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #38a169; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #38a169 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #38a169 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #38a169 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #38a169 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #38a169 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #38a169 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #38a169 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #38a169 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #38a169 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #38a169 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #38a169 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #38a169 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #38a169 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #38a169 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #38a169; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #38a169; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #38a169; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #38a169; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #38a169; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #38a169; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #38a169; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #38a169; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #38a169; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #38a169 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #38a169 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #38a169; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #38a169; + border-left: 2px solid #38a169; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #38a169; + font-weight: 600; + left: -1px; + border-left: solid 2px #38a169; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #38a169; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #38a169; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #38a169; +} + +.filter-link:hover, .filter-link:focus { + color: #38a169; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #38a169; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #38a169; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #38a169; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #38a169; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #38a169; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #38a169; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #38a169; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #38a169; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #38a169; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #38a169; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #38a169; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #38a169; +} + +blockquote { + border-left: 2px solid #38a169; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #38a169; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #38a169; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #38a169; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38a169; +} + +pre .str, code .str { + color: #38a169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #38a169; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #38a169; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #38a169; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #38a169; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #38a169; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #38a169 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #38a169; +} + +span.green { + color: #38a169; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #38a169; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #38a169; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_38a169.css.map */ diff --git a/ruqqus/assets/style/coffee_3e98a7.css b/ruqqus/assets/style/coffee_3e98a7.css new file mode 100644 index 000000000..b07bdaf11 --- /dev/null +++ b/ruqqus/assets/style/coffee_3e98a7.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #3e98a7; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #3e98a7; + --secondary: #DDD2C4; + --success: #3e98a7; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #3e98a7; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #3e98a7; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #3e98a7; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #3e98a7; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #3e98a7; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #3e98a7; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3e98a7; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #3e98a7; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #3e98a7 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3e98a7 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #3e98a7 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #3e98a7 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3e98a7 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #3e98a7; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #3e98a7; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #3e98a7; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #3e98a7; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #3e98a7; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #3e98a7; + --secondary: #DDD2C4; + --success: #3e98a7; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #3e98a7; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #3e98a7; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #3e98a7; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #3e98a7; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #3e98a7; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233e98a7' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #3e98a7; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #3e98a7; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #3e98a7; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3e98a7; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #3e98a7; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #3e98a7; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #3e98a7 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3e98a7 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #3e98a7 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #3e98a7 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #3e98a7 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #3e98a7 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #3e98a7 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #3e98a7 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #3e98a7 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #3e98a7 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #3e98a7 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3e98a7 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #3e98a7 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #3e98a7 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #3e98a7 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #3e98a7 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #3e98a7 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #3e98a7; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #3e98a7; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #3e98a7; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #3e98a7; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #3e98a7; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #3e98a7; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #3e98a7; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #3e98a7; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #3e98a7 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #3e98a7 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #3e98a7; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #3e98a7; + border-left: 2px solid #3e98a7; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #3e98a7; + font-weight: 600; + left: -1px; + border-left: solid 2px #3e98a7; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #3e98a7; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #3e98a7; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #3e98a7; +} + +.filter-link:hover, .filter-link:focus { + color: #3e98a7; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #3e98a7; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #3e98a7; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #3e98a7; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #3e98a7; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #3e98a7; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #3e98a7; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #3e98a7; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #3e98a7; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #3e98a7; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #3e98a7; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #3e98a7; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #3e98a7; +} + +blockquote { + border-left: 2px solid #3e98a7; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #3e98a7; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #3e98a7; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #3e98a7; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #3e98a7; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #3e98a7; + border: #3e98a7 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #3e98a7; +} + +pre .str, code .str { + color: #3e98a7; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #3e98a7; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #3e98a7; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #3e98a7; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #3e98a7; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #3e98a7; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #3e98a7; +} + +span.green { + color: #3e98a7; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #3e98a7; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #3e98a7; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_3e98a7.css.map */ diff --git a/ruqqus/assets/style/coffee_62ca56.css b/ruqqus/assets/style/coffee_62ca56.css new file mode 100644 index 000000000..efada122b --- /dev/null +++ b/ruqqus/assets/style/coffee_62ca56.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #62ca56; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #62ca56; + --secondary: #DDD2C4; + --success: #62ca56; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #62ca56; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #62ca56; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #62ca56; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #62ca56; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #62ca56; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #62ca56; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #62ca56; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #62ca56; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #62ca56 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #62ca56 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #62ca56 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #62ca56 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #62ca56 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #62ca56; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #62ca56; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #62ca56; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #62ca56; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #62ca56; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #62ca56; + --secondary: #DDD2C4; + --success: #62ca56; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #62ca56; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #62ca56; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #62ca56; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #62ca56; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #62ca56; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362ca56' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #62ca56; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #62ca56; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #62ca56; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #62ca56; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #62ca56; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #62ca56; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #62ca56 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #62ca56 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #62ca56 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #62ca56 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #62ca56 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #62ca56 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #62ca56 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #62ca56 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #62ca56 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #62ca56 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #62ca56 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #62ca56 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #62ca56 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #62ca56 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #62ca56 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #62ca56 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #62ca56 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #62ca56; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #62ca56; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #62ca56; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #62ca56; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #62ca56; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #62ca56; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #62ca56; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #62ca56; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #62ca56 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #62ca56 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #62ca56; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #62ca56; + border-left: 2px solid #62ca56; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #62ca56; + font-weight: 600; + left: -1px; + border-left: solid 2px #62ca56; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #62ca56; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #62ca56; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #62ca56; +} + +.filter-link:hover, .filter-link:focus { + color: #62ca56; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #62ca56; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #62ca56; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #62ca56; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #62ca56; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #62ca56; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #62ca56; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #62ca56; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #62ca56; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #62ca56; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #62ca56; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #62ca56; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #62ca56; +} + +blockquote { + border-left: 2px solid #62ca56; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #62ca56; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #62ca56; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #62ca56; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #62ca56; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #62ca56; + border: #62ca56 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #62ca56; +} + +pre .str, code .str { + color: #62ca56; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #62ca56; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #62ca56; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #62ca56; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #62ca56; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #62ca56; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #62ca56; +} + +span.green { + color: #62ca56; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #62ca56; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #62ca56; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_62ca56.css.map */ diff --git a/ruqqus/assets/style/coffee_7b9ae4.css b/ruqqus/assets/style/coffee_7b9ae4.css new file mode 100644 index 000000000..5ea4de97b --- /dev/null +++ b/ruqqus/assets/style/coffee_7b9ae4.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7b9ae4; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #7b9ae4; + --secondary: #DDD2C4; + --success: #7b9ae4; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7b9ae4; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7b9ae4; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7b9ae4; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7b9ae4; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7b9ae4; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7b9ae4; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7b9ae4; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7b9ae4; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #7b9ae4 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7b9ae4 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #7b9ae4 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #7b9ae4 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7b9ae4 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #7b9ae4; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #7b9ae4; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7b9ae4; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7b9ae4; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7b9ae4; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #7b9ae4; + --secondary: #DDD2C4; + --success: #7b9ae4; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #7b9ae4; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #7b9ae4; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7b9ae4; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7b9ae4; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7b9ae4; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237b9ae4' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7b9ae4; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7b9ae4; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7b9ae4; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7b9ae4; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7b9ae4; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #7b9ae4; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #7b9ae4 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7b9ae4 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7b9ae4 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7b9ae4 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7b9ae4 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7b9ae4 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7b9ae4 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #7b9ae4 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7b9ae4 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7b9ae4 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #7b9ae4 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7b9ae4 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7b9ae4 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7b9ae4 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7b9ae4 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7b9ae4 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7b9ae4 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7b9ae4; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7b9ae4; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7b9ae4; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7b9ae4; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7b9ae4; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7b9ae4; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7b9ae4; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7b9ae4; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7b9ae4 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #7b9ae4 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7b9ae4; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7b9ae4; + border-left: 2px solid #7b9ae4; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7b9ae4; + font-weight: 600; + left: -1px; + border-left: solid 2px #7b9ae4; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #7b9ae4; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7b9ae4; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7b9ae4; +} + +.filter-link:hover, .filter-link:focus { + color: #7b9ae4; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7b9ae4; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7b9ae4; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7b9ae4; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7b9ae4; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7b9ae4; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7b9ae4; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7b9ae4; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7b9ae4; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7b9ae4; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7b9ae4; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7b9ae4; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7b9ae4; +} + +blockquote { + border-left: 2px solid #7b9ae4; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7b9ae4; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #7b9ae4; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7b9ae4; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7b9ae4; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #7b9ae4; + border: #7b9ae4 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #7b9ae4; +} + +pre .str, code .str { + color: #7b9ae4; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7b9ae4; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7b9ae4; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7b9ae4; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7b9ae4; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7b9ae4; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7b9ae4; +} + +span.green { + color: #7b9ae4; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #7b9ae4; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7b9ae4; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_7b9ae4.css.map */ diff --git a/ruqqus/assets/style/coffee_7f8fa6.css b/ruqqus/assets/style/coffee_7f8fa6.css new file mode 100644 index 000000000..f55afdd9b --- /dev/null +++ b/ruqqus/assets/style/coffee_7f8fa6.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7f8fa6; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #7f8fa6; + --secondary: #DDD2C4; + --success: #7f8fa6; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7f8fa6; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7f8fa6; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7f8fa6; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7f8fa6; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7f8fa6; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7f8fa6; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7f8fa6; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7f8fa6; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #7f8fa6 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7f8fa6 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #7f8fa6 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #7f8fa6 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7f8fa6 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #7f8fa6; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #7f8fa6; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7f8fa6; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7f8fa6; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #7f8fa6; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #7f8fa6; + --secondary: #DDD2C4; + --success: #7f8fa6; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #7f8fa6; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #7f8fa6; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #7f8fa6; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #7f8fa6; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #7f8fa6; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%237f8fa6' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #7f8fa6; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #7f8fa6; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #7f8fa6; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7f8fa6; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #7f8fa6; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #7f8fa6; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #7f8fa6 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #7f8fa6 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7f8fa6 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7f8fa6 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7f8fa6 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7f8fa6 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7f8fa6 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #7f8fa6 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7f8fa6 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7f8fa6 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #7f8fa6 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #7f8fa6 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7f8fa6 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7f8fa6 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7f8fa6 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7f8fa6 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7f8fa6 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7f8fa6; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7f8fa6; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7f8fa6; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7f8fa6; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7f8fa6; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7f8fa6; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7f8fa6; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7f8fa6; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7f8fa6 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #7f8fa6 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7f8fa6; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7f8fa6; + border-left: 2px solid #7f8fa6; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7f8fa6; + font-weight: 600; + left: -1px; + border-left: solid 2px #7f8fa6; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #7f8fa6; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7f8fa6; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7f8fa6; +} + +.filter-link:hover, .filter-link:focus { + color: #7f8fa6; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7f8fa6; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7f8fa6; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7f8fa6; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7f8fa6; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7f8fa6; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7f8fa6; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7f8fa6; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7f8fa6; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7f8fa6; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7f8fa6; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7f8fa6; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7f8fa6; +} + +blockquote { + border-left: 2px solid #7f8fa6; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #7f8fa6; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #7f8fa6; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7f8fa6; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7f8fa6; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #7f8fa6; + border: #7f8fa6 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #7f8fa6; +} + +pre .str, code .str { + color: #7f8fa6; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7f8fa6; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7f8fa6; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7f8fa6; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7f8fa6; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7f8fa6; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7f8fa6; +} + +span.green { + color: #7f8fa6; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #7f8fa6; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7f8fa6; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_7f8fa6.css.map */ diff --git a/ruqqus/assets/style/coffee_805ad5.css b/ruqqus/assets/style/coffee_805ad5.css new file mode 100644 index 000000000..af62e3f1b --- /dev/null +++ b/ruqqus/assets/style/coffee_805ad5.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #805ad5; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #805ad5; + --secondary: #DDD2C4; + --success: #805ad5; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #805ad5; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #805ad5; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #805ad5; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #805ad5; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #805ad5; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #805ad5; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #805ad5; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #805ad5; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #805ad5 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #805ad5 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #805ad5 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #805ad5 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #805ad5 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #805ad5; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #805ad5; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #805ad5; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #805ad5; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #805ad5; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #805ad5; + --secondary: #DDD2C4; + --success: #805ad5; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #805ad5; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #805ad5; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #805ad5; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #805ad5; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #805ad5; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23805ad5' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #805ad5; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #805ad5; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #805ad5; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #805ad5; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #805ad5; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #805ad5; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #805ad5 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #805ad5 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #805ad5 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #805ad5 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #805ad5 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #805ad5 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #805ad5 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #805ad5 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #805ad5 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #805ad5 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #805ad5 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #805ad5 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #805ad5 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #805ad5 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #805ad5 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #805ad5 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #805ad5 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #805ad5; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #805ad5; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #805ad5; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #805ad5; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #805ad5; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #805ad5; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #805ad5; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #805ad5; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #805ad5 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #805ad5 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #805ad5; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #805ad5; + border-left: 2px solid #805ad5; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #805ad5; + font-weight: 600; + left: -1px; + border-left: solid 2px #805ad5; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #805ad5; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #805ad5; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #805ad5; +} + +.filter-link:hover, .filter-link:focus { + color: #805ad5; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #805ad5; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #805ad5; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #805ad5; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #805ad5; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #805ad5; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #805ad5; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #805ad5; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #805ad5; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #805ad5; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #805ad5; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #805ad5; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #805ad5; +} + +blockquote { + border-left: 2px solid #805ad5; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #805ad5; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #805ad5; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #805ad5; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #805ad5; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #805ad5; + border: #805ad5 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #805ad5; +} + +pre .str, code .str { + color: #805ad5; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #805ad5; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #805ad5; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #805ad5; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #805ad5; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #805ad5; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #805ad5; +} + +span.green { + color: #805ad5; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #805ad5; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #805ad5; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_805ad5.css.map */ diff --git a/ruqqus/assets/style/coffee_80ffff.css b/ruqqus/assets/style/coffee_80ffff.css new file mode 100644 index 000000000..77e8575ad --- /dev/null +++ b/ruqqus/assets/style/coffee_80ffff.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #80ffff; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #80ffff; + --secondary: #DDD2C4; + --success: #80ffff; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #80ffff; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #80ffff; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #80ffff; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #80ffff; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #80ffff; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #80ffff; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80ffff; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #80ffff; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #80ffff !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #80ffff !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #80ffff !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #80ffff !important; +} + +a.text-success:hover, a.text-success:focus { + color: #80ffff !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #80ffff; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #80ffff; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #80ffff; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #80ffff; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #80ffff; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #80ffff; + --secondary: #DDD2C4; + --success: #80ffff; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #80ffff; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #80ffff; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #80ffff; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #80ffff; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #80ffff; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2380ffff' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #80ffff; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #80ffff; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #80ffff; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80ffff; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #80ffff; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #80ffff; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #80ffff !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #80ffff !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #80ffff !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #80ffff !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #80ffff !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #80ffff !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #80ffff !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #80ffff !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #80ffff !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #80ffff !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #80ffff !important; +} + +a.text-success:hover, a.text-success:focus { + color: #80ffff !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #80ffff !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #80ffff !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #80ffff !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #80ffff !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #80ffff !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #80ffff; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #80ffff; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #80ffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #80ffff; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #80ffff; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #80ffff; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #80ffff; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #80ffff; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #80ffff !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #80ffff !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #80ffff; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #80ffff; + border-left: 2px solid #80ffff; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #80ffff; + font-weight: 600; + left: -1px; + border-left: solid 2px #80ffff; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #80ffff; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #80ffff; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #80ffff; +} + +.filter-link:hover, .filter-link:focus { + color: #80ffff; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #80ffff; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #80ffff; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #80ffff; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #80ffff; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #80ffff; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #80ffff; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #80ffff; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #80ffff; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #80ffff; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #80ffff; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #80ffff; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #80ffff; +} + +blockquote { + border-left: 2px solid #80ffff; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #80ffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #80ffff; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #80ffff; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #80ffff; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #80ffff; + border: #80ffff solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #80ffff; +} + +pre .str, code .str { + color: #80ffff; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #80ffff; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #80ffff; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #80ffff; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #80ffff; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #80ffff; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #80ffff !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #80ffff; +} + +span.green { + color: #80ffff; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #80ffff; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #80ffff; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_80ffff.css.map */ diff --git a/ruqqus/assets/style/coffee_e4432d.css b/ruqqus/assets/style/coffee_e4432d.css new file mode 100644 index 000000000..1e19ae9a2 --- /dev/null +++ b/ruqqus/assets/style/coffee_e4432d.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #e4432d; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #e4432d; + --secondary: #DDD2C4; + --success: #e4432d; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e4432d; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #e4432d; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #e4432d; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #e4432d; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #e4432d; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #e4432d; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e4432d; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #e4432d; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #e4432d !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #e4432d !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #e4432d !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #e4432d !important; +} + +a.text-success:hover, a.text-success:focus { + color: #e4432d !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #e4432d; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #e4432d; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #e4432d; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #e4432d; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #e4432d; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #e4432d; + --secondary: #DDD2C4; + --success: #e4432d; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #e4432d; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #e4432d; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e4432d; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #e4432d; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #e4432d; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23e4432d' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #e4432d; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #e4432d; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #e4432d; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e4432d; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #e4432d; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #e4432d; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #e4432d !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #e4432d !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #e4432d !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #e4432d !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #e4432d !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #e4432d !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #e4432d !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #e4432d !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #e4432d !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #e4432d !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #e4432d !important; +} + +a.text-success:hover, a.text-success:focus { + color: #e4432d !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #e4432d !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #e4432d !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #e4432d !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #e4432d !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #e4432d !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #e4432d; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #e4432d; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #e4432d; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #e4432d; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #e4432d; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #e4432d; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #e4432d; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #e4432d; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #e4432d !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #e4432d !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #e4432d; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #e4432d; + border-left: 2px solid #e4432d; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #e4432d; + font-weight: 600; + left: -1px; + border-left: solid 2px #e4432d; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #e4432d; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #e4432d; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #e4432d; +} + +.filter-link:hover, .filter-link:focus { + color: #e4432d; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #e4432d; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #e4432d; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #e4432d; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #e4432d; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #e4432d; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #e4432d; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #e4432d; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #e4432d; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #e4432d; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #e4432d; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #e4432d; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #e4432d; +} + +blockquote { + border-left: 2px solid #e4432d; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #e4432d; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #e4432d; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #e4432d; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #e4432d; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #e4432d; + border: #e4432d solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #e4432d; +} + +pre .str, code .str { + color: #e4432d; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #e4432d; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #e4432d; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #e4432d; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #e4432d; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #e4432d; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #e4432d !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #e4432d; +} + +span.green { + color: #e4432d; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #e4432d; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #e4432d; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_e4432d.css.map */ diff --git a/ruqqus/assets/style/coffee_eb4963.css b/ruqqus/assets/style/coffee_eb4963.css new file mode 100644 index 000000000..ece7e0056 --- /dev/null +++ b/ruqqus/assets/style/coffee_eb4963.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #eb4963; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #eb4963; + --secondary: #DDD2C4; + --success: #eb4963; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #eb4963; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #eb4963; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #eb4963; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #eb4963; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #eb4963; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #eb4963; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #eb4963; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #eb4963; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #eb4963 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #eb4963 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #eb4963 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #eb4963 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #eb4963 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #eb4963; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #eb4963; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #eb4963; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #eb4963; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #eb4963; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #eb4963; + --secondary: #DDD2C4; + --success: #eb4963; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #eb4963; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #eb4963; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #eb4963; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #eb4963; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #eb4963; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23eb4963' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #eb4963; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #eb4963; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #eb4963; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #eb4963; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #eb4963; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #eb4963; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #eb4963 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #eb4963 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #eb4963 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #eb4963 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #eb4963 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #eb4963 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #eb4963 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #eb4963 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #eb4963 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #eb4963 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #eb4963 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #eb4963 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #eb4963 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #eb4963 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #eb4963 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #eb4963 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #eb4963 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #eb4963; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #eb4963; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #eb4963; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #eb4963; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #eb4963; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #eb4963; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #eb4963; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #eb4963; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #eb4963 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #eb4963 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #eb4963; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #eb4963; + border-left: 2px solid #eb4963; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #eb4963; + font-weight: 600; + left: -1px; + border-left: solid 2px #eb4963; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #eb4963; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #eb4963; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #eb4963; +} + +.filter-link:hover, .filter-link:focus { + color: #eb4963; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #eb4963; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #eb4963; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #eb4963; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #eb4963; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #eb4963; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #eb4963; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #eb4963; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #eb4963; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #eb4963; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #eb4963; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #eb4963; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #eb4963; +} + +blockquote { + border-left: 2px solid #eb4963; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #eb4963; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #eb4963; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #eb4963; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #eb4963; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #eb4963; + border: #eb4963 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #eb4963; +} + +pre .str, code .str { + color: #eb4963; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #eb4963; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #eb4963; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #eb4963; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #eb4963; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #eb4963; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #eb4963; +} + +span.green { + color: #eb4963; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #eb4963; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #eb4963; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_eb4963.css.map */ diff --git a/ruqqus/assets/style/coffee_ec72de.css b/ruqqus/assets/style/coffee_ec72de.css new file mode 100644 index 000000000..ed83b939a --- /dev/null +++ b/ruqqus/assets/style/coffee_ec72de.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ec72de; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ec72de; + --secondary: #DDD2C4; + --success: #ec72de; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ec72de; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ec72de; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ec72de; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ec72de; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ec72de; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ec72de; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ec72de; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ec72de; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ec72de !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ec72de !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ec72de !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ec72de !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ec72de !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ec72de; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #ec72de; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ec72de; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ec72de; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ec72de; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ec72de; + --secondary: #DDD2C4; + --success: #ec72de; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ec72de; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ec72de; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ec72de; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ec72de; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ec72de; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ec72de' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ec72de; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ec72de; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ec72de; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ec72de; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ec72de; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #ec72de; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ec72de !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ec72de !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ec72de !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ec72de !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ec72de !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ec72de !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ec72de !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ec72de !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ec72de !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ec72de !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ec72de !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ec72de !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ec72de !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ec72de !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ec72de !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ec72de !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ec72de !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ec72de; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ec72de; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ec72de; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ec72de; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ec72de; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ec72de; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ec72de; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ec72de; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ec72de !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ec72de !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ec72de; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ec72de; + border-left: 2px solid #ec72de; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ec72de; + font-weight: 600; + left: -1px; + border-left: solid 2px #ec72de; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ec72de; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ec72de; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ec72de; +} + +.filter-link:hover, .filter-link:focus { + color: #ec72de; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ec72de; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ec72de; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ec72de; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ec72de; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ec72de; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ec72de; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ec72de; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ec72de; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ec72de; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ec72de; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ec72de; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ec72de; +} + +blockquote { + border-left: 2px solid #ec72de; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ec72de; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ec72de; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ec72de; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ec72de; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ec72de; + border: #ec72de solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ec72de; +} + +pre .str, code .str { + color: #ec72de; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ec72de; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ec72de; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ec72de; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ec72de; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ec72de; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ec72de !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ec72de; +} + +span.green { + color: #ec72de; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ec72de; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ec72de; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_ec72de.css.map */ diff --git a/ruqqus/assets/style/coffee_f39731.css b/ruqqus/assets/style/coffee_f39731.css new file mode 100644 index 000000000..4763c726f --- /dev/null +++ b/ruqqus/assets/style/coffee_f39731.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f39731; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #f39731; + --secondary: #DDD2C4; + --success: #f39731; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f39731; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f39731; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f39731; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f39731; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f39731; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f39731; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f39731; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f39731; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #f39731; + border-color: #f39731; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #f39731 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f39731 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #f39731 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #f39731 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f39731 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #f39731; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #f39731; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f39731; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f39731; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f39731; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #f39731; + --secondary: #DDD2C4; + --success: #f39731; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #f39731; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #f39731; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f39731; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f39731; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f39731; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f39731' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f39731; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f39731; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f39731; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f39731; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f39731; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #f39731; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #f39731; + border-color: #f39731; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #f39731; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #f39731 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f39731 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f39731 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f39731 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f39731 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f39731 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f39731 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #f39731 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f39731 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f39731 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #f39731 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f39731 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f39731 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f39731 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f39731 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f39731 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f39731 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f39731; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f39731; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f39731; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f39731; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f39731; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f39731; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f39731; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f39731; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f39731; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f39731 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #f39731 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f39731; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f39731; + border-left: 2px solid #f39731; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f39731; + font-weight: 600; + left: -1px; + border-left: solid 2px #f39731; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #f39731; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f39731; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f39731; +} + +.filter-link:hover, .filter-link:focus { + color: #f39731; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f39731; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f39731; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f39731; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f39731; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f39731; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f39731; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f39731; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f39731; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f39731; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f39731; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f39731; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f39731; +} + +blockquote { + border-left: 2px solid #f39731; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f39731; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #f39731; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f39731; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f39731; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #f39731; + border: #f39731 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #f39731; +} + +pre .str, code .str { + color: #f39731; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f39731; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f39731; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f39731; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f39731; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f39731; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #f39731 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f39731; +} + +span.green { + color: #f39731; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #f39731; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f39731; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_f39731.css.map */ diff --git a/ruqqus/assets/style/coffee_f8db58.css b/ruqqus/assets/style/coffee_f8db58.css new file mode 100644 index 000000000..027a934ed --- /dev/null +++ b/ruqqus/assets/style/coffee_f8db58.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f8db58; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #f8db58; + --secondary: #DDD2C4; + --success: #f8db58; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f8db58; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f8db58; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f8db58; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f8db58; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f8db58; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f8db58; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f8db58; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f8db58; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #f8db58 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f8db58 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #f8db58 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #f8db58 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f8db58 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #f8db58; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #f8db58; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f8db58; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f8db58; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #f8db58; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #f8db58; + --secondary: #DDD2C4; + --success: #f8db58; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #f8db58; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #f8db58; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f8db58; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #f8db58; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #f8db58; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23f8db58' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #f8db58; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #f8db58; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #f8db58; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f8db58; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f8db58; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #f8db58; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #f8db58 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #f8db58 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f8db58 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f8db58 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f8db58 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f8db58 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f8db58 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #f8db58 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f8db58 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f8db58 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #f8db58 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #f8db58 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f8db58 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f8db58 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f8db58 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f8db58 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f8db58 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f8db58; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f8db58; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f8db58; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f8db58; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f8db58; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f8db58; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f8db58; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f8db58; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f8db58 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #f8db58 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f8db58; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f8db58; + border-left: 2px solid #f8db58; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f8db58; + font-weight: 600; + left: -1px; + border-left: solid 2px #f8db58; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #f8db58; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f8db58; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f8db58; +} + +.filter-link:hover, .filter-link:focus { + color: #f8db58; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f8db58; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f8db58; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f8db58; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f8db58; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f8db58; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f8db58; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f8db58; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f8db58; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f8db58; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f8db58; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f8db58; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f8db58; +} + +blockquote { + border-left: 2px solid #f8db58; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #f8db58; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #f8db58; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f8db58; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f8db58; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #f8db58; + border: #f8db58 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #f8db58; +} + +pre .str, code .str { + color: #f8db58; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f8db58; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f8db58; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f8db58; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f8db58; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f8db58; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f8db58; +} + +span.green { + color: #f8db58; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #f8db58; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f8db58; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_f8db58.css.map */ diff --git a/ruqqus/assets/style/coffee_ff0000.css b/ruqqus/assets/style/coffee_ff0000.css new file mode 100644 index 000000000..50db4a3fc --- /dev/null +++ b/ruqqus/assets/style/coffee_ff0000.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff0000; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ff0000; + --secondary: #DDD2C4; + --success: #ff0000; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff0000; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff0000; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff0000; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff0000; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff0000; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff0000; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff0000; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff0000; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ff0000 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff0000 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ff0000 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ff0000 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff0000 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ff0000; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #ff0000; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff0000; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff0000; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff0000; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ff0000; + --secondary: #DDD2C4; + --success: #ff0000; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ff0000; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ff0000; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff0000; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff0000; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff0000; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff0000; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff0000; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff0000; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff0000; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff0000; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #ff0000; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ff0000 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff0000 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff0000 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff0000 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff0000 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff0000 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff0000 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ff0000 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff0000 !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff0000 !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ff0000 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff0000 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff0000 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff0000 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff0000 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff0000 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff0000 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff0000; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff0000; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff0000; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff0000; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff0000; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff0000; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff0000; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff0000; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff0000 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ff0000 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff0000; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff0000; + border-left: 2px solid #ff0000; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff0000; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff0000; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ff0000; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff0000; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff0000; +} + +.filter-link:hover, .filter-link:focus { + color: #ff0000; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff0000; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff0000; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff0000; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff0000; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff0000; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff0000; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff0000; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff0000; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff0000; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff0000; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff0000; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff0000; +} + +blockquote { + border-left: 2px solid #ff0000; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff0000; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ff0000; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff0000; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff0000; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ff0000; + border: #ff0000 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ff0000; +} + +pre .str, code .str { + color: #ff0000; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff0000; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff0000; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff0000; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff0000; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff0000; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff0000; +} + +span.green { + color: #ff0000; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ff0000; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff0000; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_ff0000.css.map */ diff --git a/ruqqus/assets/style/coffee_ff66ac.css b/ruqqus/assets/style/coffee_ff66ac.css new file mode 100644 index 000000000..7e32e052d --- /dev/null +++ b/ruqqus/assets/style/coffee_ff66ac.css @@ -0,0 +1,27977 @@ +@charset "UTF-8"; +@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700'; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff66ac; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ff66ac; + --secondary: #DDD2C4; + --success: #ff66ac; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff66ac; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff66ac; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff66ac; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff66ac; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff66ac; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff66ac; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff66ac; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff66ac; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ff66ac !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff3390 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #433434 !important; +} + +.border-top { + border-top: 1px solid #433434 !important; +} + +.border-right { + border-right: 1px solid #433434 !important; +} + +.border-bottom { + border-bottom: 1px solid #433434 !important; +} + +.border-left { + border-left: 1px solid #433434 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ff66ac !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(67, 52, 52, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 52, 52, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ff66ac !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff1a83 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +.bd-callout-primary { + border-left-color: #ff66ac; +} + +.bd-callout-secondary { + border-left-color: #DDD2C4; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #3E2C18; +} + +.bd-callout-white { + border-left-color: #F1E7D0; +} + +.bd-callout-black { + border-left-color: #433434; +} + +.bd-callout-light { + border-left-color: #DDD2C4; +} + +.bd-callout-success { + border-left-color: #ff66ac; +} + +.bd-callout-muted { + border-left-color: #AA9881; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff66ac; +} + +.bd-callout-purple { + border-left-color: #FF66AC; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff66ac; +} + +.bd-callout-gray { + border-left-color: #AA9881; +} + +.bd-callout-gray-100 { + border-left-color: #817261; +} + +.bd-callout-gray-200 { + border-left-color: #433434; +} + +.bd-callout-gray-300 { + border-left-color: #433434; +} + +.bd-callout-gray-400 { + border-left-color: #AA9881; +} + +.bd-callout-gray-500 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-600 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-700 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-800 { + border-left-color: #DDD2C4; +} + +.bd-callout-gray-900 { + border-left-color: #DDD2C4; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #FF66AC; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #ff66ac; + --teal: #20c997; + --cyan: #17a2b8; + --white: #F1E7D0; + --gray: #DDD2C4; + --gray-dark: #DDD2C4; + --primary: #ff66ac; + --secondary: #DDD2C4; + --success: #ff66ac; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #DDD2C4; + --dark: #3E2C18; + --white: #F1E7D0; + --black: #433434; + --muted: #AA9881; + --downvote: #38B2AC; + --upvote: #ff66ac; + --purple: #FF66AC; + --gold: #ECC94B; + --admin: #ff66ac; + --gray: #AA9881; + --gray-100: #817261; + --gray-200: #433434; + --gray-300: #433434; + --gray-400: #AA9881; + --gray-500: #DDD2C4; + --gray-600: #DDD2C4; + --gray-700: #DDD2C4; + --gray-800: #DDD2C4; + --gray-900: #DDD2C4; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(67, 52, 52, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #DDD2C4; + text-align: left; + background-color: #F1E7D0; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #DDD2C4; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(67, 52, 52, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #DDD2C4; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #F1E7D0; + border: 1px solid #433434; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #DDD2C4; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #F1E7D0; + background-color: #DDD2C4; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #DDD2C4; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #DDD2C4; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #433434; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #433434; +} +.table tbody + tbody { + border-top: 2px solid #433434; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #433434; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #433434; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(67, 52, 52, 0.05); +} + +.table-hover tbody tr:hover { + color: #DDD2C4; + background-color: rgba(67, 52, 52, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #f5c3c6; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-primary:hover { + background-color: #f1adb1; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #f1adb1; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #ebe1cd; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-secondary:hover { + background-color: #e4d6bb; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e4d6bb; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #f5c3c6; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-success:hover { + background-color: #f1adb1; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #f1adb1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b4ced7; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #7fb9de; +} + +.table-hover .table-info:hover { + background-color: #a3c3ce; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a3c3ce; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #f5dc98; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f8d367; +} + +.table-hover .table-warning:hover { + background-color: #f3d481; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #f3d481; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #eeb8a7; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #eb8f84; +} + +.table-hover .table-danger:hover { + background-color: #eaa792; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #eaa792; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #ebe1cd; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-light:hover { + background-color: #e4d6bb; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e4d6bb; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #bfb39c; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #948670; +} + +.table-hover .table-dark:hover { + background-color: #b5a78d; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b5a78d; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #f1e7d0; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #f1e7d0; +} + +.table-hover .table-white:hover { + background-color: #ebddbc; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #ebddbc; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #c0b5a4; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-black:hover { + background-color: #b6a995; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b6a995; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #ddd1ba; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-muted:hover { + background-color: #d5c6a9; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d5c6a9; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #bdd8c6; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #91cbbd; +} + +.table-hover .table-downvote:hover { + background-color: #adcfb8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #adcfb8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #f5c3c6; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-upvote:hover { + background-color: #f1adb1; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #f1adb1; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #f5c3c6; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-purple:hover { + background-color: #f1adb1; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #f1adb1; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #f0dfab; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #eed78b; +} + +.table-hover .table-gold:hover { + background-color: #ecd795; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ecd795; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #f5c3c6; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f8a4bd; +} + +.table-hover .table-admin:hover { + background-color: #f1adb1; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #f1adb1; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #ddd1ba; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #d5c6a9; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #d2c6b1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #b7aa96; +} + +.table-hover .table-gray-100:hover { + background-color: #c9baa1; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #c9baa1; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #c0b5a4; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-200:hover { + background-color: #b6a995; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #b6a995; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #c0b5a4; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #978a7f; +} + +.table-hover .table-gray-300:hover { + background-color: #b6a995; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #b6a995; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #ddd1ba; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #ccbea7; +} + +.table-hover .table-gray-400:hover { + background-color: #d5c6a9; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #d5c6a9; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #ebe1cd; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-500:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #e4d6bb; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #ebe1cd; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-600:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #e4d6bb; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ebe1cd; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-700:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #e4d6bb; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #ebe1cd; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-800:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #e4d6bb; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #ebe1cd; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #e7dcca; +} + +.table-hover .table-gray-900:hover { + background-color: #e4d6bb; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #e4d6bb; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #f0baa3; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #ef937d; +} + +.table-hover .table-reddit:hover { + background-color: #ecaa8d; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #ecaa8d; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(67, 52, 52, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(53, 41, 41, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(53, 41, 41, 0.075); +} + +.table .thead-dark th { + color: #F1E7D0; + background-color: #DDD2C4; + border-color: #ebe5dc; +} +.table .thead-light th { + color: #DDD2C4; + background-color: #433434; + border-color: #433434; +} + +.table-dark { + color: #F1E7D0; + background-color: #DDD2C4; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #ebe5dc; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(241, 231, 208, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #F1E7D0; + background-color: rgba(241, 231, 208, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #DDD2C4; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid #AA9881; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} +.form-control:focus { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #DDD2C4; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #433434; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #DDD2C4; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #DDD2C4; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff66ac; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #DDD2C4; + background-color: rgba(255, 102, 172, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #ff66ac; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #ff66ac; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ff66ac' 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") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #ff66ac; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #ff66ac; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #ff66ac; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #ff99c8; + background-color: #ff99c8; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ff66ac; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff66ac; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #ff66ac; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #F1E7D0; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #F1E7D0 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #DDD2C4; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #DDD2C4; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-secondary { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-success { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-success:focus, .btn-success.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-info { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #F1E7D0; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #F1E7D0; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(55, 155, 230, 0.5); +} + +.btn-warning { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #DDD2C4; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 196, 35, 0.5); +} + +.btn-danger { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #F1E7D0; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(231, 87, 84, 0.5); +} + +.btn-light { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-light:focus, .btn-light.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-dark { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:hover { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; +} +.btn-dark:focus, .btn-dark.focus { + color: #F1E7D0; + background-color: #22180d; + border-color: #19120a; + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #19120a; + border-color: #100b06; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(89, 72, 52, 0.5); +} + +.btn-white { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:hover { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; +} +.btn-white:focus, .btn-white.focus { + color: #DDD2C4; + background-color: #e8d8b3; + border-color: #e5d3a9; + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #DDD2C4; + background-color: #e5d3a9; + border-color: #e2ce9f; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 228, 206, 0.5); +} + +.btn-black { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-black:focus, .btn-black.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-muted { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-muted:focus, .btn-muted.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-downvote { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #F1E7D0; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 186, 177, 0.5); +} + +.btn-upvote { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-purple { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-purple:focus, .btn-purple.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gold { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #DDD2C4; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 202, 93, 0.5); +} + +.btn-admin { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:hover { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-admin:focus, .btn-admin.focus { + color: #F1E7D0; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #F1E7D0; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 118, 176, 0.5); +} + +.btn-gray { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray:focus, .btn-gray.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-100 { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:hover { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #F1E7D0; + background-color: #6b5f51; + border-color: #64584b; + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #64584b; + border-color: #5d5246; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(146, 132, 114, 0.5); +} + +.btn-gray-200 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-300 { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:hover { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #F1E7D0; + background-color: #2d2323; + border-color: #261e1e; + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #261e1e; + border-color: #1f1818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 79, 75, 0.5); +} + +.btn-gray-400 { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:hover { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #F1E7D0; + background-color: #9b856a; + border-color: #947f64; + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #F1E7D0; + background-color: #947f64; + border-color: #8c785f; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 161, 139, 0.5); +} + +.btn-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:hover { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #DDD2C4; + background-color: #cfbfac; + border-color: #cab9a4; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #cab9a4; + border-color: #c6b39c; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-reddit { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #F1E7D0; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(238, 94, 72, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-success { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #F1E7D0; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #DDD2C4; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #F1E7D0; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-dark { + color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:hover { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #3E2C18; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #F1E7D0; + background-color: #3E2C18; + border-color: #3E2C18; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.btn-outline-white { + color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:hover { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #F1E7D0; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #F1E7D0; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.btn-outline-black { + color: #433434; + border-color: #433434; +} +.btn-outline-black:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-muted { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #F1E7D0; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:hover { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #FF66AC; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #DDD2C4; + background-color: #FF66AC; + border-color: #FF66AC; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #DDD2C4; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:hover { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #DDD2C4; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-100 { + color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:hover { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #817261; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #F1E7D0; + background-color: #817261; + border-color: #817261; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.btn-outline-gray-200 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-300 { + color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:hover { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #433434; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.btn-outline-gray-400 { + color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:hover { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #AA9881; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #DDD2C4; + background-color: #AA9881; + border-color: #AA9881; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.btn-outline-gray-500 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-600 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-700 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-800 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-gray-900 { + color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:hover { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #DDD2C4; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #DDD2C4; + background-color: #DDD2C4; + border-color: #DDD2C4; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #F1E7D0; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #DDD2C4; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #DDD2C4; + text-align: left; + list-style: none; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #433434; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #DDD2C4; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #d4c6b4; + text-decoration: none; + background-color: #817261; +} +.dropdown-item.active, .dropdown-item:active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #DDD2C4; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #DDD2C4; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + text-align: center; + white-space: nowrap; + background-color: #433434; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #F1E7D0; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #F1E7D0; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #DDD2C4; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #433434; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #F1E7D0; + border: #DDD2C4 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23F1E7D0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23F1E7D0' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1E7D0'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #DDD2C4; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + vertical-align: middle; + background: #F1E7D0 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDD2C4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #AA9881; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #DDD2C4; + background-color: #F1E7D0; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #DDD2C4; + background-color: #433434; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #DDD2C4; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #433434; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #DDD2C4; + background-color: #F1E7D0; + border: 1px solid #AA9881; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #DDD2C4; + content: "Browse"; + background-color: #433434; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F1E7D0, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #433434; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #433434; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #433434; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #DDD2C4; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #DDD2C4; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #DDD2C4; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #433434; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #433434 #433434 #433434; +} +.nav-tabs .nav-link.disabled { + color: #DDD2C4; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #DDD2C4; + background-color: #F1E7D0; + border-color: #433434 #433434 #F1E7D0; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #F1E7D0; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(67, 52, 52, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(67, 52, 52, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(67, 52, 52, 0.5); + border-color: rgba(67, 52, 52, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 52, 52, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(67, 52, 52, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(67, 52, 52, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(67, 52, 52, 0.9); +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #F1E7D0; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(241, 231, 208, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(241, 231, 208, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #F1E7D0; +} +.navbar-dark .navbar-toggler { + color: rgba(241, 231, 208, 0.5); + border-color: rgba(241, 231, 208, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241, 231, 208, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(241, 231, 208, 0.5); +} +.navbar-dark .navbar-text a { + color: #F1E7D0; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #F1E7D0; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: border-box; + border: 1px solid rgba(67, 52, 52, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(67, 52, 52, 0.03); + border-bottom: 1px solid rgba(67, 52, 52, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(67, 52, 52, 0.03); + border-top: 1px solid rgba(67, 52, 52, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #433434; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #DDD2C4; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #DDD2C4; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #F1E7D0; + border: 1px solid #433434; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #433434; + border-color: #433434; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #DDD2C4; + pointer-events: none; + cursor: auto; + background-color: #F1E7D0; + border-color: #433434; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-success { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-success:hover, a.badge-success:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-info { + color: #F1E7D0; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #F1E7D0; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #DDD2C4; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #DDD2C4; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #F1E7D0; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #F1E7D0; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-light:hover, a.badge-light:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-dark { + color: #F1E7D0; + background-color: #3E2C18; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #F1E7D0; + background-color: #19120a; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(62, 44, 24, 0.5); +} + +.badge-white { + color: #DDD2C4; + background-color: #F1E7D0; +} +a.badge-white:hover, a.badge-white:focus { + color: #DDD2C4; + background-color: #e5d3a9; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(241, 231, 208, 0.5); +} + +.badge-black { + color: #F1E7D0; + background-color: #433434; +} +a.badge-black:hover, a.badge-black:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-muted { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-downvote { + color: #F1E7D0; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #F1E7D0; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #DDD2C4; + background-color: #FF66AC; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #DDD2C4; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #DDD2C4; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #DDD2C4; + background-color: #ff66ac; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #DDD2C4; + background-color: #ff3390; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-100 { + color: #F1E7D0; + background-color: #817261; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #F1E7D0; + background-color: #64584b; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 114, 97, 0.5); +} + +.badge-gray-200 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-300 { + color: #F1E7D0; + background-color: #433434; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #F1E7D0; + background-color: #261e1e; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 52, 52, 0.5); +} + +.badge-gray-400 { + color: #DDD2C4; + background-color: #AA9881; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #DDD2C4; + background-color: #947f64; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(170, 152, 129, 0.5); +} + +.badge-gray-500 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-600 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-700 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-800 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-gray-900 { + color: #DDD2C4; + background-color: #DDD2C4; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #DDD2C4; + background-color: #cab9a4; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(221, 210, 196, 0.5); +} + +.badge-reddit { + color: #F1E7D0; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #F1E7D0; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #433434; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-primary hr { + border-top-color: #f1adb1; +} +.alert-primary .alert-link { + color: #823e5a; +} + +.alert-secondary { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-secondary hr { + border-top-color: #e4d6bb; +} +.alert-secondary .alert-link { + color: #796d66; +} + +.alert-success { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-success hr { + border-top-color: #f1adb1; +} +.alert-success .alert-link { + color: #823e5a; +} + +.alert-info { + color: #2c6393; + background-color: #c5d5d5; + border-color: #b4ced7; +} +.alert-info hr { + border-top-color: #a3c3ce; +} +.alert-info .alert-link { + color: #20496c; +} + +.alert-warning { + color: #a57d1d; + background-color: #f4dfa8; + border-color: #f5dc98; +} +.alert-warning hr { + border-top-color: #f3d481; +} +.alert-warning .alert-link { + color: #7a5c15; +} + +.alert-danger { + color: #973939; + background-color: #efc5b3; + border-color: #eeb8a7; +} +.alert-danger hr { + border-top-color: #eaa792; +} +.alert-danger .alert-link { + color: #722b2b; +} + +.alert-light { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-light hr { + border-top-color: #e4d6bb; +} +.alert-light .alert-link { + color: #796d66; +} + +.alert-dark { + color: #403025; + background-color: #cdc2ab; + border-color: #bfb39c; +} +.alert-dark hr { + border-top-color: #b5a78d; +} +.alert-dark .alert-link { + color: #201812; +} + +.alert-white { + color: #9d9185; + background-color: #f1e7d0; + border-color: #f1e7d0; +} +.alert-white hr { + border-top-color: #ebddbc; +} +.alert-white .alert-link { + color: #85786a; +} + +.alert-black { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-black hr { + border-top-color: #b6a995; +} +.alert-black .alert-link { + color: #261e1e; +} + +.alert-muted { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-muted hr { + border-top-color: #d5c6a9; +} +.alert-muted .alert-link { + color: #5c4f46; +} + +.alert-downvote { + color: #3d7672; + background-color: #ccdcc9; + border-color: #bdd8c6; +} +.alert-downvote hr { + border-top-color: #adcfb8; +} +.alert-downvote .alert-link { + color: #2c5452; +} + +.alert-upvote { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-upvote hr { + border-top-color: #f1adb1; +} +.alert-upvote .alert-link { + color: #823e5a; +} + +.alert-purple { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-purple hr { + border-top-color: #f1adb1; +} +.alert-purple .alert-link { + color: #823e5a; +} + +.alert-gold { + color: #9b8140; + background-color: #f0e1b5; + border-color: #f0dfab; +} +.alert-gold hr { + border-top-color: #ecd795; +} +.alert-gold .alert-link { + color: #776331; +} + +.alert-admin { + color: #a54e72; + background-color: #f4cdc9; + border-color: #f5c3c6; +} +.alert-admin hr { + border-top-color: #f1adb1; +} +.alert-admin .alert-link { + color: #823e5a; +} + +.alert-gray { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray hr { + border-top-color: #d5c6a9; +} +.alert-gray .alert-link { + color: #5c4f46; +} + +.alert-gray-100 { + color: #63544b; + background-color: #dbd0ba; + border-color: #d2c6b1; +} +.alert-gray-100 hr { + border-top-color: #c9baa1; +} +.alert-gray-100 .alert-link { + color: #463b35; +} + +.alert-gray-200 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-200 hr { + border-top-color: #b6a995; +} +.alert-gray-200 .alert-link { + color: #261e1e; +} + +.alert-gray-300 { + color: #433434; + background-color: #cec3b1; + border-color: #c0b5a4; +} +.alert-gray-300 hr { + border-top-color: #b6a995; +} +.alert-gray-300 .alert-link { + color: #261e1e; +} + +.alert-gray-400 { + color: #79685c; + background-color: #e3d7c0; + border-color: #ddd1ba; +} +.alert-gray-400 hr { + border-top-color: #d5c6a9; +} +.alert-gray-400 .alert-link { + color: #5c4f46; +} + +.alert-gray-500 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-500 hr { + border-top-color: #e4d6bb; +} +.alert-gray-500 .alert-link { + color: #796d66; +} + +.alert-gray-600 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-600 hr { + border-top-color: #e4d6bb; +} +.alert-gray-600 .alert-link { + color: #796d66; +} + +.alert-gray-700 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-700 hr { + border-top-color: #e4d6bb; +} +.alert-gray-700 .alert-link { + color: #796d66; +} + +.alert-gray-800 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-800 hr { + border-top-color: #e4d6bb; +} +.alert-gray-800 .alert-link { + color: #796d66; +} + +.alert-gray-900 { + color: #93867f; + background-color: #ede3ce; + border-color: #ebe1cd; +} +.alert-gray-900 hr { + border-top-color: #e4d6bb; +} +.alert-gray-900 .alert-link { + color: #796d66; +} + +.alert-reddit { + color: #9b3d32; + background-color: #f0c7b0; + border-color: #f0baa3; +} +.alert-reddit hr { + border-top-color: #ecaa8d; +} +.alert-reddit .alert-link { + color: #742e26; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #433434; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #F1E7D0; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(241, 231, 208, 0.15) 25%, transparent 25%, transparent 50%, rgba(241, 231, 208, 0.15) 50%, rgba(241, 231, 208, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #DDD2C4; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #DDD2C4; + text-decoration: none; + background-color: #817261; +} +.list-group-item-action:active { + color: #DDD2C4; + background-color: #433434; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #F1E7D0; + border: 1px solid rgba(67, 52, 52, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #DDD2C4; + pointer-events: none; + background-color: #F1E7D0; +} +.list-group-item.active { + z-index: 2; + color: #F1E7D0; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-primary.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-secondary { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-secondary.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-success { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-success.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-info { + color: #2c6393; + background-color: #b4ced7; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #2c6393; + background-color: #a3c3ce; +} +.list-group-item-info.list-group-item-action.active { + color: #F1E7D0; + background-color: #2c6393; + border-color: #2c6393; +} + +.list-group-item-warning { + color: #a57d1d; + background-color: #f5dc98; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #a57d1d; + background-color: #f3d481; +} +.list-group-item-warning.list-group-item-action.active { + color: #F1E7D0; + background-color: #a57d1d; + border-color: #a57d1d; +} + +.list-group-item-danger { + color: #973939; + background-color: #eeb8a7; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #973939; + background-color: #eaa792; +} +.list-group-item-danger.list-group-item-action.active { + color: #F1E7D0; + background-color: #973939; + border-color: #973939; +} + +.list-group-item-light { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-light.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-dark { + color: #403025; + background-color: #bfb39c; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #403025; + background-color: #b5a78d; +} +.list-group-item-dark.list-group-item-action.active { + color: #F1E7D0; + background-color: #403025; + border-color: #403025; +} + +.list-group-item-white { + color: #9d9185; + background-color: #f1e7d0; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #9d9185; + background-color: #ebddbc; +} +.list-group-item-white.list-group-item-action.active { + color: #F1E7D0; + background-color: #9d9185; + border-color: #9d9185; +} + +.list-group-item-black { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-black.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-muted { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-muted.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-downvote { + color: #3d7672; + background-color: #bdd8c6; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #3d7672; + background-color: #adcfb8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #3d7672; + border-color: #3d7672; +} + +.list-group-item-upvote { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-upvote.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-purple { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-purple.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gold { + color: #9b8140; + background-color: #f0dfab; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #9b8140; + background-color: #ecd795; +} +.list-group-item-gold.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b8140; + border-color: #9b8140; +} + +.list-group-item-admin { + color: #a54e72; + background-color: #f5c3c6; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #a54e72; + background-color: #f1adb1; +} +.list-group-item-admin.list-group-item-action.active { + color: #F1E7D0; + background-color: #a54e72; + border-color: #a54e72; +} + +.list-group-item-gray { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-100 { + color: #63544b; + background-color: #d2c6b1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #63544b; + background-color: #c9baa1; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #F1E7D0; + background-color: #63544b; + border-color: #63544b; +} + +.list-group-item-gray-200 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-300 { + color: #433434; + background-color: #c0b5a4; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #433434; + background-color: #b6a995; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #F1E7D0; + background-color: #433434; + border-color: #433434; +} + +.list-group-item-gray-400 { + color: #79685c; + background-color: #ddd1ba; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #79685c; + background-color: #d5c6a9; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #F1E7D0; + background-color: #79685c; + border-color: #79685c; +} + +.list-group-item-gray-500 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-600 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-700 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-800 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-gray-900 { + color: #93867f; + background-color: #ebe1cd; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #93867f; + background-color: #e4d6bb; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #F1E7D0; + background-color: #93867f; + border-color: #93867f; +} + +.list-group-item-reddit { + color: #9b3d32; + background-color: #f0baa3; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #9b3d32; + background-color: #ecaa8d; +} +.list-group-item-reddit.list-group-item-action.active { + color: #F1E7D0; + background-color: #9b3d32; + border-color: #9b3d32; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #433434; + text-shadow: 0 1px 0 #F1E7D0; + opacity: 0.5; +} +.close:hover { + color: #433434; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(67, 52, 52, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #DDD2C4; + background-color: rgba(241, 231, 208, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #433434; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #433434; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #433434; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #433434; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #433434; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #433434; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #433434; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #F1E7D0; + text-align: center; + background-color: #433434; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #F1E7D0; + background-clip: padding-box; + border: 1px solid rgba(67, 52, 52, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #F1E7D0; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #F1E7D0; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #F1E7D0; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #ede1c4; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(67, 52, 52, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #F1E7D0; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #ede1c4; + border-bottom: 1px solid #e8d7b1; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #DDD2C4; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #F1E7D0; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #F1E7D0; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23F1E7D0' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #F1E7D0; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #F1E7D0; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #DDD2C4 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #cab9a4 !important; +} + +.bg-success { + background-color: #ff66ac !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #ff3390 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #DDD2C4 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cab9a4 !important; +} + +.bg-dark { + background-color: #3E2C18 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #19120a !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e5d3a9 !important; +} + +.bg-black { + background-color: #433434 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #261e1e !important; +} + +.bg-muted { + background-color: #AA9881 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #947f64 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff66ac !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff3390 !important; +} + +.bg-purple { + background-color: #FF66AC !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff3390 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff66ac !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff3390 !important; +} + +.bg-gray { + background-color: #AA9881 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #947f64 !important; +} + +.bg-gray-100 { + background-color: #817261 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #64584b !important; +} + +.bg-gray-200 { + background-color: #433434 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #261e1e !important; +} + +.bg-gray-300 { + background-color: #433434 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #261e1e !important; +} + +.bg-gray-400 { + background-color: #AA9881 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #947f64 !important; +} + +.bg-gray-500 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-600 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-700 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-800 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: #cab9a4 !important; +} + +.bg-gray-900 { + background-color: #DDD2C4 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: #cab9a4 !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #F1E7D0 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #DDD2C4 !important; +} + +.border-success { + border-color: #ff66ac !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #DDD2C4 !important; +} + +.border-dark { + border-color: #3E2C18 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.border-black { + border-color: #433434 !important; +} + +.border-muted { + border-color: #AA9881 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff66ac !important; +} + +.border-purple { + border-color: #FF66AC !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff66ac !important; +} + +.border-gray { + border-color: #AA9881 !important; +} + +.border-gray-100 { + border-color: #817261 !important; +} + +.border-gray-200 { + border-color: #433434 !important; +} + +.border-gray-300 { + border-color: #433434 !important; +} + +.border-gray-400 { + border-color: #AA9881 !important; +} + +.border-gray-500 { + border-color: #DDD2C4 !important; +} + +.border-gray-600 { + border-color: #DDD2C4 !important; +} + +.border-gray-700 { + border-color: #DDD2C4 !important; +} + +.border-gray-800 { + border-color: #DDD2C4 !important; +} + +.border-gray-900 { + border-color: #DDD2C4 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #F1E7D0 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(67, 52, 52, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #DDD2C4 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #c1ad93 !important; +} + +.text-success { + color: #ff66ac !important; +} + +a.text-success:hover, a.text-success:focus { + color: #ff1a83 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #DDD2C4 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c1ad93 !important; +} + +.text-dark { + color: #3E2C18 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #070503 !important; +} + +.text-white { + color: #F1E7D0 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #dfc995 !important; +} + +.text-black { + color: #433434 !important; +} + +a.text-black:hover, a.text-black:focus { + color: #181313 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #85725a !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff66ac !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff1a83 !important; +} + +.text-purple { + color: #FF66AC !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff1a83 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff66ac !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff1a83 !important; +} + +.text-gray { + color: #AA9881 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #85725a !important; +} + +.text-gray-100 { + color: #817261 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #554b40 !important; +} + +.text-gray-200 { + color: #433434 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #181313 !important; +} + +.text-gray-300 { + color: #433434 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #181313 !important; +} + +.text-gray-400 { + color: #AA9881 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #85725a !important; +} + +.text-gray-500 { + color: #DDD2C4 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #c1ad93 !important; +} + +.text-gray-600 { + color: #DDD2C4 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #c1ad93 !important; +} + +.text-gray-700 { + color: #DDD2C4 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: #c1ad93 !important; +} + +.text-gray-800 { + color: #DDD2C4 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: #c1ad93 !important; +} + +.text-gray-900 { + color: #DDD2C4 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: #c1ad93 !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #DDD2C4 !important; +} + +.text-muted { + color: #DDD2C4 !important; +} + +.text-black-50 { + color: rgba(67, 52, 52, 0.5) !important; +} + +.text-white-50 { + color: rgba(241, 231, 208, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #DDD2C4; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #433434; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #F1E7D0 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #433434 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #433434; + } + + .table .thead-dark th { + color: inherit; + border-color: #433434; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #433434; + padding-top: 49px; + background-color: #DDD2C4; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #DDD2C4; +} + +#page { + padding-top: 49px; + background-color: #DDD2C4; +} + +#article { + padding-top: 0; + background-color: #DDD2C4; +} + +#thread, #userpage { + background-color: #DDD2C4; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #433434; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff66ac; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #3E2C18; +} + +.btn-success, .btn-danger { + color: #F1E7D0; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #AA9881; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #F1E7D0; + color: #3E2C18; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #F1E7D0 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #F1E7D0 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #433434; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #3E2C18; +} + +.navbar-light { + background-color: #DDD2C4 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #3E2C18; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #FF66AC; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #F1E7D0; +} + +.navbar .text-white { + color: #F1E7D0; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #DDD2C4; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #433434; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff66ac; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #F1E7D0; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff66ac; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link { + color: #F1E7D0; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #F1E7D0; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #433434; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #F1E7D0; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #AA9881; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #433434; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff66ac; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff66ac; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #AA9881; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff66ac; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #FF66AC; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #DDD2C4; + color: #433434; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #DDD2C4; + font-size: 1rem; + color: #F1E7D0; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #433434; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.bg-svg { + background-color: #3E2C18; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #AA9881; + border-color: #AA9881; + border-width: 2px; + background: #433434; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #3E2C18; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #AA9881; + background-color: #DDD2C4; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #433434; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #433434; + background-color: #DDD2C4; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #433434; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #433434; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #433434; +} + +#login label { + color: #433434; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #433434; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #F1E7D0; + background-color: #DDD2C4; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #433434; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #433434; + text-decoration: none; + background-color: #433434; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #433434; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #433434; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff66ac; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff66ac; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff66ac !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #AA9881; +} + +.score { + color: #433434; +} + +.score-up { + color: #ff66ac !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #433434 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #3E2C18; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #AA9881; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #DDD2C4 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #DDD2C4; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #DDD2C4; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #DDD2C4; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #AA9881; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff66ac; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #AA9881; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #AA9881; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff66ac; + border-left: 2px solid #ff66ac; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff66ac; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff66ac; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #DDD2C4 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #F1E7D0; + background-color: #ff66ac; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #433434; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #DDD2C4; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #DDD2C4; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #AA9881; + font-weight: 600; + border-bottom: 1px solid #AA9881; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #433434; + background-color: #DDD2C4; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #AA9881; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #433434; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #DDD2C4 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #AA9881; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #AA9881; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #AA9881; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #AA9881; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #433434; +} + +.filter-list > .filter-item > .filter-link.active { + color: #433434; + background-color: #DDD2C4; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff66ac; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff66ac; +} + +.filter-link:hover, .filter-link:focus { + color: #ff66ac; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #AA9881; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #433434; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #433434; + background-color: #F1E7D0; + border-radius: 0.35rem; + border: 1px solid #AA9881; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff66ac; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff66ac; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff66ac; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #AA9881; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #AA9881; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #433434; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff66ac; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff66ac; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff66ac; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff66ac; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #F1E7D0; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #DDD2C4; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #AA9881; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #DDD2C4; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff66ac; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff66ac; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #433434; + padding: 0.5rem 1rem; + border-bottom: 1px solid #AA9881; +} + +.card { + background-color: #DDD2C4; +} + +#thread .card { + background-color: #DDD2C4; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #AA9881; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #AA9881; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #DDD2C4; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #433434; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff66ac; +} + +#frontpage .post-title a { + color: #433434; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #433434; +} + +.stretched-link a:hover { + color: #FF66AC; +} + +.post-meta { + position: relative; + z-index: 2; + color: #AA9881; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #AA9881; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #AA9881; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #AA9881; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #AA9881 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .post-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #433434; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #AA9881; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #433434; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #433434; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #AA9881; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #AA9881; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #433434; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #433434; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #433434; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #433434; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #F1E7D0; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; +} + +.page-link:hover { + background-color: #817261; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #3E2C18; + border: 1px solid #3E2C18; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #F1E7D0; +} + +.post-actions a { + color: #817261; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #433434; +} + +.post-actions .dropdown-item:hover { + color: #433434; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff66ac; + border-radius: 0.35rem; + z-index: 2; + background-color: #433434; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #F1E7D0; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #F1E7D0; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #AA9881; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #AA9881; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #AA9881; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #433434; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #433434; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff66ac; +} + +blockquote { + border-left: 2px solid #ff66ac; + color: #433434; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #AA9881; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .comment-actions a { + color: #817261; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #DDD2C4; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #817261; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #433434; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #433434; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #433434; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #433434; +} + +.comment-actions a { + color: #817261; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #433434; +} + +.comment-actions .dropdown-item:hover { + color: #433434; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #F1E7D0; + text-decoration: none; + background-color: #ff66ac; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #F1E7D0; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #433434; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #DDD2C4; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #DDD2C4; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #DDD2C4; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #433434; +} + +.comment-write .comment-format .format:hover { + color: #433434; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #817261; + font-size: 1rem; + color: #ff66ac; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff66ac; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #DDD2C4; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff66ac; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #433434; + background-color: #DDD2C4; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #433434; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #FF66AC; + background-color: rgba(60, 173, 243, 0.08); + color: #FF66AC; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #DDD2C4; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #AA9881; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #433434; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #DDD2C4; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #F1E7D0; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #AA9881; + font-size: 12px; + text-transform: uppercase; + background-color: #DDD2C4; + border: none; +} + +#settings-guild { + background-color: #DDD2C4; +} + +#settings-guild .settings .settings-section { + border: 1px solid #AA9881; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #DDD2C4; + border: 1px solid #AA9881; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #3E2C18 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #DDD2C4; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #433434; +} + +.modal .profile-actions a { + color: #433434; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #AA9881; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #AA9881; +} + +.profile-actions .dropdown-item:hover { + color: #433434; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #AA9881; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #433434; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #F1E7D0; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #AA9881; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #F1E7D0; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #AA9881 !important; +} + +.border-right { + border-right: 1px solid #AA9881 !important; +} + +.border-bottom { + border-bottom: 1px solid #AA9881 !important; +} + +.border-left { + border-left: 1px solid #AA9881 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; +} + +.border-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; +} + +.border { + border: 1px solid #AA9881 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #AA9881 !important; + } + + .border-sm-right { + border-right: 1px solid #AA9881 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm-left { + border-left: 1px solid #AA9881 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-sm-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-sm { + border: 1px solid #AA9881 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #AA9881 !important; + } + + .border-md-right { + border-right: 1px solid #AA9881 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-md-left { + border-left: 1px solid #AA9881 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-md-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-md { + border: 1px solid #AA9881 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #AA9881 !important; + } + + .border-lg-right { + border-right: 1px solid #AA9881 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg-left { + border-left: 1px solid #AA9881 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-lg-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-lg { + border: 1px solid #AA9881 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #AA9881 !important; + } + + .border-xl-right { + border-right: 1px solid #AA9881 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl-left { + border-left: 1px solid #AA9881 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #AA9881 !important; + border-right: 1px solid #AA9881 !important; + } + + .border-xl-y { + border-top: 1px solid #AA9881 !important; + border-bottom: 1px solid #AA9881 !important; + } + + .border-xl { + border: 1px solid #AA9881 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #433434; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #433434; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FF66AC; + border: 1px solid #FF66AC; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #ff66ac; + border: #ff66ac solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #817261; + border: #817261 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #DDD2C4; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #F1E7D0; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #F1E7D0; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #ff66ac; +} + +pre .str, code .str { + color: #ff66ac; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #F1E7D0; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #F1E7D0; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff66ac; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff66ac; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #DDD2C4; + } + + #thread, #userpage { + background-color: #DDD2C4; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #3E2C18 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #FF66AC; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #DDD2C4; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #AA9881; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #DDD2C4; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #AA9881; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff66ac; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #DDD2C4; + } + + .card { + background-color: #DDD2C4; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #433434; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff66ac; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #433434; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #433434; + } + + .score { + color: #433434; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #433434; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff66ac; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #DDD2C4; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #817261; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #433434; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #DDD2C4 !important; +} + +.text-muted { + color: #AA9881 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +.text-gray-400, .text-gray-500 { + color: #433434 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #DDD2C4 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff66ac; +} + +span.green { + color: #ff66ac; +} + +div.banned { + background-color: #FEB2B2; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.text-admin { + color: #ff66ac; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #F1E7D0; + background-color: #F1E7D0; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #AA9881; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #F1E7D0 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #F1E7D0 !important; +} + +#frontpage .post-title a:visited { + color: #433434; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #F1E7D0; +} + +.comment-box { + border: 2px solid #433434; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #AA9881; +} + +.btn-primary { + color: #AA9881; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff66ac; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + font-family: "Lato"; +} + +blockquote { + background-color: #c0c0c0; +} + +.text-muted { + color: #433434 !important; +} + +.modal .comment-actions a { + color: #DDD2C4; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #433434; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + background-color: #bda78e !important; +} + +/*# sourceMappingURL=coffee_ff66ac.css.map */ diff --git a/ruqqus/assets/style/dark.scss b/ruqqus/assets/style/dark.scss new file mode 100644 index 000000000..a8c28eb1f --- /dev/null +++ b/ruqqus/assets/style/dark.scss @@ -0,0 +1,85 @@ +// Colors + +$primary: #ff66ac; +$dark: #383838; +$secondary: #383838; +$danger: #E53E3E; +$white: #E1E1E1; +$black: #CFCFCF; +$light: #000000; +$success: #38A169; +$muted: #E1E1E1; +$info: #168EEA; + +$purple: #ff66ac; +$red: #E53E3E; +$gray: #383838; +$green: #38A169; + +$gray-100: #E1E1E1; +$gray-200: #E1E1E1; +$gray-300: #383838; +$gray-400: #303030; +$gray-500: #000000; +$gray-600: #000000; +$gray-700: #000000; +$gray-800: #000000; +$gray-900: #000000; + +$upvote: #ff66ac; +$downvote: #38B2AC; +$admin: #ff66ac; +$banned: #960000; +$deleted: #969600; +$deletedandbanned: #964000; +$mod: #07c20c; +$code: #e83e8c; + +$gold: #ECC94B; +$reddit: #ED4630; + +@import "D:/#D/ruqqus/assets/style/node_modules/bootstrap/scss/bootstrap.scss"; +@import "D:/#D/ruqqus/assets/style/main.scss"; + +* { + border-color: $primary; +} + +.border { + border-color: $primary !important; +} + +.form-control { + background: transparent; + border-color: $primary !important; +} + +.btn { + background: transparent; + border-color: $primary !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: $primary !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} \ No newline at end of file diff --git a/ruqqus/assets/style/dark_2a96f3.css b/ruqqus/assets/style/dark_2a96f3.css new file mode 100644 index 000000000..64b978f99 --- /dev/null +++ b/ruqqus/assets/style/dark_2a96f3.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #2a96f3; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #2a96f3; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #2a96f3; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #2a96f3; +} + +.bd-callout-purple { + border-left-color: #2a96f3; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #2a96f3; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #2a96f3; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #2a96f3; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #2a96f3; + --purple: #2a96f3; + --gold: #ECC94B; + --admin: #2a96f3; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #2a96f3; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #2a96f3; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #2a96f3; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #2a96f3; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #2a96f3; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #2a96f3; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #2a96f3 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #2a96f3 !important; +} + +.bg-purple { + background-color: #2a96f3 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #2a96f3 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #2a96f3 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #2a96f3 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #2a96f3 !important; +} + +.border-purple { + border-color: #2a96f3 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #2a96f3 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #2a96f3 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #2a96f3 !important; +} + +.text-purple { + color: #2a96f3 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #2a96f3 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #2a96f3 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #2a96f3 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #2a96f3; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #2a96f3; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #2a96f3; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #2a96f3; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #2a96f3; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #2a96f3; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #2a96f3; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #2a96f3; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #2a96f3; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #2a96f3; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #2a96f3 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #2a96f3 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #2a96f3; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #2a96f3; + border-left: 2px solid #2a96f3; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #2a96f3; + font-weight: 600; + left: -1px; + border-left: solid 2px #2a96f3; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #2a96f3; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #2a96f3; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #2a96f3; +} + +.filter-link:hover, .filter-link:focus { + color: #2a96f3; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #2a96f3; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #2a96f3; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #2a96f3; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #2a96f3; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #2a96f3; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #2a96f3; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #2a96f3; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #2a96f3; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #2a96f3; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #2a96f3; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #2a96f3; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #2a96f3; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #2a96f3; +} + +blockquote { + border-left: 2px solid #2a96f3; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #2a96f3; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #2a96f3; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #2a96f3; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #2a96f3; + background-color: rgba(60, 173, 243, 0.08); + color: #2a96f3; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #2a96f3; + border: 1px solid #2a96f3; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #2a96f3; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #2a96f3; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #2a96f3; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #2a96f3; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #2a96f3; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #2a96f3; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #2a96f3; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #2a96f3; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #2a96f3; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #2a96f3; +} + +.border { + border-color: #2a96f3 !important; +} + +.form-control { + background: transparent; + border-color: #2a96f3 !important; +} + +.btn { + background: transparent; + border-color: #2a96f3 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #2a96f3 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_2a96f3.css.map */ diff --git a/ruqqus/assets/style/dark_30409f.css b/ruqqus/assets/style/dark_30409f.css new file mode 100644 index 000000000..e0bad8947 --- /dev/null +++ b/ruqqus/assets/style/dark_30409f.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #30409f; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #30409f; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #30409f; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #30409f; +} + +.bd-callout-purple { + border-left-color: #30409f; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #30409f; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #30409f; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #30409f; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #30409f; + --purple: #30409f; + --gold: #ECC94B; + --admin: #30409f; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #30409f; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #30409f; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #30409f; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #30409f; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #30409f; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #30409f; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #30409f; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #30409f; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #30409f; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #30409f !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #30409f !important; +} + +.bg-purple { + background-color: #30409f !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #30409f !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #30409f !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #30409f !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #30409f !important; +} + +.border-purple { + border-color: #30409f !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #30409f !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #30409f !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #30409f !important; +} + +.text-purple { + color: #30409f !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #30409f !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #30409f !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #30409f !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #30409f; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #30409f; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #30409f; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #30409f; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #30409f; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #30409f; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #30409f; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #30409f; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #30409f; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #30409f; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #30409f; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #30409f !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #30409f !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #30409f; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #30409f; + border-left: 2px solid #30409f; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #30409f; + font-weight: 600; + left: -1px; + border-left: solid 2px #30409f; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #30409f; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #30409f; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #30409f; +} + +.filter-link:hover, .filter-link:focus { + color: #30409f; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #30409f; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #30409f; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #30409f; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #30409f; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #30409f; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #30409f; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #30409f; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #30409f; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #30409f; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #30409f; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #30409f; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #30409f; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #30409f; +} + +blockquote { + border-left: 2px solid #30409f; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #30409f; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #30409f; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #30409f; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #30409f; + background-color: rgba(60, 173, 243, 0.08); + color: #30409f; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #30409f; + border: 1px solid #30409f; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #30409f; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #30409f; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #30409f; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #30409f; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #30409f; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #30409f; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #30409f !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #30409f; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #30409f; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #30409f; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #30409f; +} + +.border { + border-color: #30409f !important; +} + +.form-control { + background: transparent; + border-color: #30409f !important; +} + +.btn { + background: transparent; + border-color: #30409f !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #30409f !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_30409f.css.map */ diff --git a/ruqqus/assets/style/dark_38a169.css b/ruqqus/assets/style/dark_38a169.css new file mode 100644 index 000000000..d43688c33 --- /dev/null +++ b/ruqqus/assets/style/dark_38a169.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #38a169; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #38a169; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #38a169; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #38a169; +} + +.bd-callout-purple { + border-left-color: #38a169; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #38a169; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #38a169; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #38a169; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #38a169; + --purple: #38a169; + --gold: #ECC94B; + --admin: #38a169; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38a169; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #38a169; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #38a169; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #38a169; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #38a169; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #38a169; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #38a169; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #38a169; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #38a169; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #38a169 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #38a169 !important; +} + +.bg-purple { + background-color: #38a169 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #38a169 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #38a169 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #38a169 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #38a169 !important; +} + +.border-purple { + border-color: #38a169 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #38a169 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #38a169 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #38a169 !important; +} + +.text-purple { + color: #38a169 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #38a169 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #38a169 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #38a169 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #38a169; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #38a169; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #38a169; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #38a169; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #38a169; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #38a169; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #38a169; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #38a169; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #38a169; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #38a169; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #38a169; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #38a169 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #38a169 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #38a169; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #38a169; + border-left: 2px solid #38a169; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #38a169; + font-weight: 600; + left: -1px; + border-left: solid 2px #38a169; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #38a169; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #38a169; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #38a169; +} + +.filter-link:hover, .filter-link:focus { + color: #38a169; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #38a169; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #38a169; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #38a169; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #38a169; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #38a169; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #38a169; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #38a169; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #38a169; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #38a169; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #38a169; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #38a169; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #38a169; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #38a169; +} + +blockquote { + border-left: 2px solid #38a169; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #38a169; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #38a169; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #38a169; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #38a169; + background-color: rgba(60, 173, 243, 0.08); + color: #38a169; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #38a169; + border: 1px solid #38a169; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #38a169; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #38a169; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #38a169; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #38a169; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #38a169; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #38a169; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #38a169 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #38a169; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #38a169; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #38a169; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #38a169; +} + +.border { + border-color: #38a169 !important; +} + +.form-control { + background: transparent; + border-color: #38a169 !important; +} + +.btn { + background: transparent; + border-color: #38a169 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #38a169 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_38a169.css.map */ diff --git a/ruqqus/assets/style/dark_3e98a7.css b/ruqqus/assets/style/dark_3e98a7.css new file mode 100644 index 000000000..23b36b307 --- /dev/null +++ b/ruqqus/assets/style/dark_3e98a7.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #3e98a7; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #3e98a7; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #3e98a7; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #3e98a7; +} + +.bd-callout-purple { + border-left-color: #3e98a7; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #3e98a7; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #3e98a7; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #3e98a7; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #3e98a7; + --purple: #3e98a7; + --gold: #ECC94B; + --admin: #3e98a7; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #3e98a7; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #3e98a7; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #3e98a7; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #3e98a7; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #3e98a7; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #3e98a7; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #3e98a7 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #3e98a7 !important; +} + +.bg-purple { + background-color: #3e98a7 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #3e98a7 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #3e98a7 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #3e98a7 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #3e98a7 !important; +} + +.border-purple { + border-color: #3e98a7 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #3e98a7 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #3e98a7 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #3e98a7 !important; +} + +.text-purple { + color: #3e98a7 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #3e98a7 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #3e98a7 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #3e98a7 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #3e98a7; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #3e98a7; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #3e98a7; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #3e98a7; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #3e98a7; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #3e98a7; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #3e98a7; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #3e98a7; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #3e98a7; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #3e98a7; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #3e98a7 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #3e98a7 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #3e98a7; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #3e98a7; + border-left: 2px solid #3e98a7; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #3e98a7; + font-weight: 600; + left: -1px; + border-left: solid 2px #3e98a7; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #3e98a7; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #3e98a7; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #3e98a7; +} + +.filter-link:hover, .filter-link:focus { + color: #3e98a7; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #3e98a7; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #3e98a7; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #3e98a7; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #3e98a7; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #3e98a7; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #3e98a7; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #3e98a7; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #3e98a7; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #3e98a7; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #3e98a7; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #3e98a7; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #3e98a7; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #3e98a7; +} + +blockquote { + border-left: 2px solid #3e98a7; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #3e98a7; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #3e98a7; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #3e98a7; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #3e98a7; + background-color: rgba(60, 173, 243, 0.08); + color: #3e98a7; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3e98a7; + border: 1px solid #3e98a7; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #3e98a7; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #3e98a7; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #3e98a7; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #3e98a7; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #3e98a7; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #3e98a7; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #3e98a7; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #3e98a7; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #3e98a7; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #3e98a7; +} + +.border { + border-color: #3e98a7 !important; +} + +.form-control { + background: transparent; + border-color: #3e98a7 !important; +} + +.btn { + background: transparent; + border-color: #3e98a7 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #3e98a7 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_3e98a7.css.map */ diff --git a/ruqqus/assets/style/dark_62ca56.css b/ruqqus/assets/style/dark_62ca56.css new file mode 100644 index 000000000..fbb659b21 --- /dev/null +++ b/ruqqus/assets/style/dark_62ca56.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #62ca56; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #62ca56; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #62ca56; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #62ca56; +} + +.bd-callout-purple { + border-left-color: #62ca56; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #62ca56; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #62ca56; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #62ca56; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #62ca56; + --purple: #62ca56; + --gold: #ECC94B; + --admin: #62ca56; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #62ca56; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #62ca56; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #62ca56; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #62ca56; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #62ca56; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #62ca56; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #62ca56 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #62ca56 !important; +} + +.bg-purple { + background-color: #62ca56 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #62ca56 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #62ca56 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #62ca56 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #62ca56 !important; +} + +.border-purple { + border-color: #62ca56 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #62ca56 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #62ca56 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #62ca56 !important; +} + +.text-purple { + color: #62ca56 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #62ca56 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #62ca56 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #62ca56 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #62ca56; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #62ca56; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #62ca56; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #62ca56; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #62ca56; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #62ca56; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #62ca56; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #62ca56; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #62ca56; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #62ca56; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #62ca56 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #62ca56 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #62ca56; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #62ca56; + border-left: 2px solid #62ca56; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #62ca56; + font-weight: 600; + left: -1px; + border-left: solid 2px #62ca56; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #62ca56; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #62ca56; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #62ca56; +} + +.filter-link:hover, .filter-link:focus { + color: #62ca56; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #62ca56; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #62ca56; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #62ca56; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #62ca56; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #62ca56; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #62ca56; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #62ca56; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #62ca56; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #62ca56; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #62ca56; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #62ca56; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #62ca56; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #62ca56; +} + +blockquote { + border-left: 2px solid #62ca56; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #62ca56; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #62ca56; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #62ca56; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #62ca56; + background-color: rgba(60, 173, 243, 0.08); + color: #62ca56; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #62ca56; + border: 1px solid #62ca56; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #62ca56; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #62ca56; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #62ca56; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #62ca56; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #62ca56; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #62ca56; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #62ca56 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #62ca56; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #62ca56; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #62ca56; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #62ca56; +} + +.border { + border-color: #62ca56 !important; +} + +.form-control { + background: transparent; + border-color: #62ca56 !important; +} + +.btn { + background: transparent; + border-color: #62ca56 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #62ca56 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_62ca56.css.map */ diff --git a/ruqqus/assets/style/dark_7b9ae4.css b/ruqqus/assets/style/dark_7b9ae4.css new file mode 100644 index 000000000..d8323112d --- /dev/null +++ b/ruqqus/assets/style/dark_7b9ae4.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7b9ae4; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #7b9ae4; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #7b9ae4; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7b9ae4; +} + +.bd-callout-purple { + border-left-color: #7b9ae4; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7b9ae4; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7b9ae4; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #7b9ae4; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #7b9ae4; + --purple: #7b9ae4; + --gold: #ECC94B; + --admin: #7b9ae4; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #7b9ae4; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #7b9ae4; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #7b9ae4; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #7b9ae4; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #7b9ae4; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #7b9ae4; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7b9ae4 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7b9ae4 !important; +} + +.bg-purple { + background-color: #7b9ae4 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7b9ae4 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7b9ae4 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7b9ae4 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7b9ae4 !important; +} + +.border-purple { + border-color: #7b9ae4 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7b9ae4 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7b9ae4 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7b9ae4 !important; +} + +.text-purple { + color: #7b9ae4 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7b9ae4 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7b9ae4 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7b9ae4 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7b9ae4; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #7b9ae4; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7b9ae4; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7b9ae4; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7b9ae4; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7b9ae4; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7b9ae4; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #7b9ae4; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7b9ae4; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7b9ae4; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7b9ae4 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #7b9ae4 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7b9ae4; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7b9ae4; + border-left: 2px solid #7b9ae4; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7b9ae4; + font-weight: 600; + left: -1px; + border-left: solid 2px #7b9ae4; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #7b9ae4; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7b9ae4; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7b9ae4; +} + +.filter-link:hover, .filter-link:focus { + color: #7b9ae4; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7b9ae4; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7b9ae4; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7b9ae4; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7b9ae4; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7b9ae4; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7b9ae4; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7b9ae4; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7b9ae4; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7b9ae4; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7b9ae4; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #7b9ae4; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7b9ae4; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7b9ae4; +} + +blockquote { + border-left: 2px solid #7b9ae4; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #7b9ae4; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7b9ae4; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7b9ae4; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #7b9ae4; + background-color: rgba(60, 173, 243, 0.08); + color: #7b9ae4; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #7b9ae4; + border: 1px solid #7b9ae4; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7b9ae4; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7b9ae4; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #7b9ae4; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7b9ae4; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7b9ae4; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7b9ae4; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7b9ae4; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #7b9ae4; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7b9ae4; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #7b9ae4; +} + +.border { + border-color: #7b9ae4 !important; +} + +.form-control { + background: transparent; + border-color: #7b9ae4 !important; +} + +.btn { + background: transparent; + border-color: #7b9ae4 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #7b9ae4 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_7b9ae4.css.map */ diff --git a/ruqqus/assets/style/dark_7f8fa6.css b/ruqqus/assets/style/dark_7f8fa6.css new file mode 100644 index 000000000..2c2805c3b --- /dev/null +++ b/ruqqus/assets/style/dark_7f8fa6.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7f8fa6; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #7f8fa6; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #7f8fa6; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7f8fa6; +} + +.bd-callout-purple { + border-left-color: #7f8fa6; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7f8fa6; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7f8fa6; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #7f8fa6; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #7f8fa6; + --purple: #7f8fa6; + --gold: #ECC94B; + --admin: #7f8fa6; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #7f8fa6; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #7f8fa6; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #7f8fa6; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #7f8fa6; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #7f8fa6; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #7f8fa6; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7f8fa6 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7f8fa6 !important; +} + +.bg-purple { + background-color: #7f8fa6 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7f8fa6 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7f8fa6 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7f8fa6 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7f8fa6 !important; +} + +.border-purple { + border-color: #7f8fa6 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7f8fa6 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7f8fa6 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7f8fa6 !important; +} + +.text-purple { + color: #7f8fa6 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7f8fa6 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7f8fa6 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7f8fa6 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7f8fa6; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #7f8fa6; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7f8fa6; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7f8fa6; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7f8fa6; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7f8fa6; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7f8fa6; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #7f8fa6; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7f8fa6; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7f8fa6; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7f8fa6 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #7f8fa6 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7f8fa6; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7f8fa6; + border-left: 2px solid #7f8fa6; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7f8fa6; + font-weight: 600; + left: -1px; + border-left: solid 2px #7f8fa6; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #7f8fa6; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7f8fa6; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7f8fa6; +} + +.filter-link:hover, .filter-link:focus { + color: #7f8fa6; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7f8fa6; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7f8fa6; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7f8fa6; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7f8fa6; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7f8fa6; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7f8fa6; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7f8fa6; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7f8fa6; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7f8fa6; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7f8fa6; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #7f8fa6; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7f8fa6; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #7f8fa6; +} + +blockquote { + border-left: 2px solid #7f8fa6; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #7f8fa6; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7f8fa6; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7f8fa6; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #7f8fa6; + background-color: rgba(60, 173, 243, 0.08); + color: #7f8fa6; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #7f8fa6; + border: 1px solid #7f8fa6; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7f8fa6; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7f8fa6; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #7f8fa6; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #7f8fa6; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7f8fa6; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7f8fa6; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7f8fa6; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #7f8fa6; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #7f8fa6; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #7f8fa6; +} + +.border { + border-color: #7f8fa6 !important; +} + +.form-control { + background: transparent; + border-color: #7f8fa6 !important; +} + +.btn { + background: transparent; + border-color: #7f8fa6 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #7f8fa6 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_7f8fa6.css.map */ diff --git a/ruqqus/assets/style/dark_805ad5.css b/ruqqus/assets/style/dark_805ad5.css new file mode 100644 index 000000000..25a6fe602 --- /dev/null +++ b/ruqqus/assets/style/dark_805ad5.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #805ad5; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #805ad5; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #805ad5; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #805ad5; +} + +.bd-callout-purple { + border-left-color: #805ad5; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #805ad5; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #805ad5; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #805ad5; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #805ad5; + --purple: #805ad5; + --gold: #ECC94B; + --admin: #805ad5; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #805ad5; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #805ad5; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #805ad5; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #805ad5; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #805ad5; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #805ad5; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #805ad5 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #805ad5 !important; +} + +.bg-purple { + background-color: #805ad5 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #805ad5 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #805ad5 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #805ad5 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #805ad5 !important; +} + +.border-purple { + border-color: #805ad5 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #805ad5 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #805ad5 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #805ad5 !important; +} + +.text-purple { + color: #805ad5 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #805ad5 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #805ad5 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #805ad5 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #805ad5; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #805ad5; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #805ad5; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #805ad5; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #805ad5; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #805ad5; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #805ad5; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #805ad5; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #805ad5; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #805ad5; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #805ad5 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #805ad5 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #805ad5; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #805ad5; + border-left: 2px solid #805ad5; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #805ad5; + font-weight: 600; + left: -1px; + border-left: solid 2px #805ad5; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #805ad5; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #805ad5; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #805ad5; +} + +.filter-link:hover, .filter-link:focus { + color: #805ad5; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #805ad5; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #805ad5; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #805ad5; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #805ad5; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #805ad5; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #805ad5; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #805ad5; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #805ad5; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #805ad5; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #805ad5; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #805ad5; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #805ad5; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #805ad5; +} + +blockquote { + border-left: 2px solid #805ad5; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #805ad5; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #805ad5; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #805ad5; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #805ad5; + background-color: rgba(60, 173, 243, 0.08); + color: #805ad5; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #805ad5; + border: 1px solid #805ad5; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #805ad5; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #805ad5; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #805ad5; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #805ad5; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #805ad5; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #805ad5; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #805ad5 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #805ad5; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #805ad5; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #805ad5; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #805ad5; +} + +.border { + border-color: #805ad5 !important; +} + +.form-control { + background: transparent; + border-color: #805ad5 !important; +} + +.btn { + background: transparent; + border-color: #805ad5 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #805ad5 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_805ad5.css.map */ diff --git a/ruqqus/assets/style/dark_80ffff.css b/ruqqus/assets/style/dark_80ffff.css new file mode 100644 index 000000000..ea6c6c8c2 --- /dev/null +++ b/ruqqus/assets/style/dark_80ffff.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #80ffff; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #80ffff; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #80ffff; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #80ffff; +} + +.bd-callout-purple { + border-left-color: #80ffff; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #80ffff; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #80ffff; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #80ffff; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #80ffff; + --purple: #80ffff; + --gold: #ECC94B; + --admin: #80ffff; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #80ffff; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #80ffff; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #80ffff; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #80ffff; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #80ffff; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #80ffff; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #80ffff !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #80ffff !important; +} + +.bg-purple { + background-color: #80ffff !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #80ffff !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #80ffff !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #80ffff !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #80ffff !important; +} + +.border-purple { + border-color: #80ffff !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #80ffff !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #80ffff !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #80ffff !important; +} + +.text-purple { + color: #80ffff !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #80ffff !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #80ffff !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #80ffff !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #80ffff; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #80ffff; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #80ffff; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #80ffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #80ffff; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #80ffff; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #80ffff; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #80ffff; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #80ffff; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #80ffff; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #80ffff !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #80ffff !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #80ffff; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #80ffff; + border-left: 2px solid #80ffff; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #80ffff; + font-weight: 600; + left: -1px; + border-left: solid 2px #80ffff; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #80ffff; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #80ffff; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #80ffff; +} + +.filter-link:hover, .filter-link:focus { + color: #80ffff; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #80ffff; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #80ffff; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #80ffff; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #80ffff; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #80ffff; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #80ffff; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #80ffff; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #80ffff; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #80ffff; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #80ffff; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #80ffff; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #80ffff; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #80ffff; +} + +blockquote { + border-left: 2px solid #80ffff; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #80ffff; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #80ffff; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #80ffff; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #80ffff; + background-color: rgba(60, 173, 243, 0.08); + color: #80ffff; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #80ffff; + border: 1px solid #80ffff; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #80ffff; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #80ffff; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #80ffff; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #80ffff; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #80ffff; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #80ffff; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #80ffff !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #80ffff; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #80ffff; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #80ffff; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #80ffff; +} + +.border { + border-color: #80ffff !important; +} + +.form-control { + background: transparent; + border-color: #80ffff !important; +} + +.btn { + background: transparent; + border-color: #80ffff !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #80ffff !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_80ffff.css.map */ diff --git a/ruqqus/assets/style/dark_e4432d.css b/ruqqus/assets/style/dark_e4432d.css new file mode 100644 index 000000000..710433148 --- /dev/null +++ b/ruqqus/assets/style/dark_e4432d.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #e4432d; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #e4432d; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #e4432d; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #e4432d; +} + +.bd-callout-purple { + border-left-color: #e4432d; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #e4432d; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #e4432d; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #e4432d; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #e4432d; + --purple: #e4432d; + --gold: #ECC94B; + --admin: #e4432d; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #e4432d; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #e4432d; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #e4432d; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #e4432d; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #e4432d; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #e4432d; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #e4432d !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #e4432d !important; +} + +.bg-purple { + background-color: #e4432d !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #e4432d !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #e4432d !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #e4432d !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #e4432d !important; +} + +.border-purple { + border-color: #e4432d !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #e4432d !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #e4432d !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #e4432d !important; +} + +.text-purple { + color: #e4432d !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #e4432d !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #e4432d !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #e4432d !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #e4432d; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #e4432d; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #e4432d; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #e4432d; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #e4432d; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #e4432d; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #e4432d; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #e4432d; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #e4432d; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #e4432d; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #e4432d !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #e4432d !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #e4432d; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #e4432d; + border-left: 2px solid #e4432d; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #e4432d; + font-weight: 600; + left: -1px; + border-left: solid 2px #e4432d; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #e4432d; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #e4432d; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #e4432d; +} + +.filter-link:hover, .filter-link:focus { + color: #e4432d; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #e4432d; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #e4432d; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #e4432d; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #e4432d; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #e4432d; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #e4432d; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #e4432d; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #e4432d; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #e4432d; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #e4432d; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #e4432d; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #e4432d; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #e4432d; +} + +blockquote { + border-left: 2px solid #e4432d; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #e4432d; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #e4432d; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #e4432d; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #e4432d; + background-color: rgba(60, 173, 243, 0.08); + color: #e4432d; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e4432d; + border: 1px solid #e4432d; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #e4432d; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #e4432d; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #e4432d; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #e4432d; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #e4432d; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #e4432d; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #e4432d !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #e4432d; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #e4432d; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #e4432d; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #e4432d; +} + +.border { + border-color: #e4432d !important; +} + +.form-control { + background: transparent; + border-color: #e4432d !important; +} + +.btn { + background: transparent; + border-color: #e4432d !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #e4432d !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_e4432d.css.map */ diff --git a/ruqqus/assets/style/dark_eb4963.css b/ruqqus/assets/style/dark_eb4963.css new file mode 100644 index 000000000..6c7dd14b5 --- /dev/null +++ b/ruqqus/assets/style/dark_eb4963.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #eb4963; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #eb4963; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #eb4963; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #eb4963; +} + +.bd-callout-purple { + border-left-color: #eb4963; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #eb4963; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #eb4963; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #eb4963; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #eb4963; + --purple: #eb4963; + --gold: #ECC94B; + --admin: #eb4963; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #eb4963; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #eb4963; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #eb4963; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #eb4963; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #eb4963; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #eb4963; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #eb4963 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #eb4963 !important; +} + +.bg-purple { + background-color: #eb4963 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #eb4963 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #eb4963 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #eb4963 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #eb4963 !important; +} + +.border-purple { + border-color: #eb4963 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #eb4963 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #eb4963 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #eb4963 !important; +} + +.text-purple { + color: #eb4963 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #eb4963 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #eb4963 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #eb4963 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #eb4963; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #eb4963; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #eb4963; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #eb4963; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #eb4963; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #eb4963; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #eb4963; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #eb4963; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #eb4963; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #eb4963; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #eb4963 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #eb4963 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #eb4963; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #eb4963; + border-left: 2px solid #eb4963; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #eb4963; + font-weight: 600; + left: -1px; + border-left: solid 2px #eb4963; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #eb4963; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #eb4963; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #eb4963; +} + +.filter-link:hover, .filter-link:focus { + color: #eb4963; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #eb4963; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #eb4963; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #eb4963; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #eb4963; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #eb4963; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #eb4963; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #eb4963; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #eb4963; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #eb4963; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #eb4963; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #eb4963; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #eb4963; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #eb4963; +} + +blockquote { + border-left: 2px solid #eb4963; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #eb4963; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #eb4963; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #eb4963; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #eb4963; + background-color: rgba(60, 173, 243, 0.08); + color: #eb4963; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #eb4963; + border: 1px solid #eb4963; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #eb4963; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #eb4963; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #eb4963; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #eb4963; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #eb4963; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #eb4963; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #eb4963 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #eb4963; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #eb4963; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #eb4963; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #eb4963; +} + +.border { + border-color: #eb4963 !important; +} + +.form-control { + background: transparent; + border-color: #eb4963 !important; +} + +.btn { + background: transparent; + border-color: #eb4963 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #eb4963 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_eb4963.css.map */ diff --git a/ruqqus/assets/style/dark_ec72de.css b/ruqqus/assets/style/dark_ec72de.css new file mode 100644 index 000000000..03ccd89a5 --- /dev/null +++ b/ruqqus/assets/style/dark_ec72de.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ec72de; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ec72de; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #ec72de; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ec72de; +} + +.bd-callout-purple { + border-left-color: #ec72de; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ec72de; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ec72de; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ec72de; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #ec72de; + --purple: #ec72de; + --gold: #ECC94B; + --admin: #ec72de; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #ec72de; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #ec72de; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #ec72de; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #ec72de; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #ec72de; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #ec72de; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ec72de !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ec72de !important; +} + +.bg-purple { + background-color: #ec72de !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ec72de !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ec72de !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ec72de !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ec72de !important; +} + +.border-purple { + border-color: #ec72de !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ec72de !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ec72de !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ec72de !important; +} + +.text-purple { + color: #ec72de !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ec72de !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ec72de !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ec72de !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ec72de; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ec72de; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ec72de; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ec72de; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ec72de; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ec72de; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ec72de; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ec72de; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ec72de; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ec72de; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ec72de !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #ec72de !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ec72de; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ec72de; + border-left: 2px solid #ec72de; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ec72de; + font-weight: 600; + left: -1px; + border-left: solid 2px #ec72de; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #ec72de; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ec72de; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ec72de; +} + +.filter-link:hover, .filter-link:focus { + color: #ec72de; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ec72de; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ec72de; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ec72de; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ec72de; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ec72de; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ec72de; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ec72de; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ec72de; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ec72de; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ec72de; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #ec72de; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ec72de; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ec72de; +} + +blockquote { + border-left: 2px solid #ec72de; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #ec72de; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ec72de; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ec72de; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ec72de; + background-color: rgba(60, 173, 243, 0.08); + color: #ec72de; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ec72de; + border: 1px solid #ec72de; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ec72de; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ec72de; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ec72de; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ec72de; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ec72de; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ec72de; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ec72de !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ec72de; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #ec72de; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ec72de; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #ec72de; +} + +.border { + border-color: #ec72de !important; +} + +.form-control { + background: transparent; + border-color: #ec72de !important; +} + +.btn { + background: transparent; + border-color: #ec72de !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #ec72de !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_ec72de.css.map */ diff --git a/ruqqus/assets/style/dark_f39731.css b/ruqqus/assets/style/dark_f39731.css new file mode 100644 index 000000000..ece5a1042 --- /dev/null +++ b/ruqqus/assets/style/dark_f39731.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f39731; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #f39731; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #f39731; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f39731; +} + +.bd-callout-purple { + border-left-color: #f39731; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f39731; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f39731; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #f39731; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #f39731; + --purple: #f39731; + --gold: #ECC94B; + --admin: #f39731; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #f39731; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #f39731; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #f39731; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #f39731; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #f39731; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #f39731; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #f39731; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #f39731; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #f39731; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f39731 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f39731 !important; +} + +.bg-purple { + background-color: #f39731 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f39731 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f39731 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f39731 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f39731 !important; +} + +.border-purple { + border-color: #f39731 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f39731 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f39731 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f39731 !important; +} + +.text-purple { + color: #f39731 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f39731 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f39731 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f39731 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f39731; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #f39731; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f39731; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f39731; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f39731; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f39731; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f39731; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f39731; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #f39731; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f39731; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f39731; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f39731 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #f39731 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f39731; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f39731; + border-left: 2px solid #f39731; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f39731; + font-weight: 600; + left: -1px; + border-left: solid 2px #f39731; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #f39731; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f39731; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f39731; +} + +.filter-link:hover, .filter-link:focus { + color: #f39731; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f39731; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f39731; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f39731; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f39731; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f39731; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f39731; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f39731; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f39731; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f39731; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f39731; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #f39731; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f39731; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f39731; +} + +blockquote { + border-left: 2px solid #f39731; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #f39731; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f39731; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f39731; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #f39731; + background-color: rgba(60, 173, 243, 0.08); + color: #f39731; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39731; + border: 1px solid #f39731; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f39731; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f39731; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #f39731; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f39731; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f39731; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f39731; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f39731 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f39731; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #f39731; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f39731; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #f39731; +} + +.border { + border-color: #f39731 !important; +} + +.form-control { + background: transparent; + border-color: #f39731 !important; +} + +.btn { + background: transparent; + border-color: #f39731 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #f39731 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_f39731.css.map */ diff --git a/ruqqus/assets/style/dark_f8db58.css b/ruqqus/assets/style/dark_f8db58.css new file mode 100644 index 000000000..38aaca45f --- /dev/null +++ b/ruqqus/assets/style/dark_f8db58.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f8db58; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #f8db58; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #f8db58; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f8db58; +} + +.bd-callout-purple { + border-left-color: #f8db58; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f8db58; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f8db58; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #f8db58; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #f8db58; + --purple: #f8db58; + --gold: #ECC94B; + --admin: #f8db58; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #f8db58; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #f8db58; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #f8db58; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #f8db58; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #f8db58; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #f8db58; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f8db58 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f8db58 !important; +} + +.bg-purple { + background-color: #f8db58 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f8db58 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f8db58 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f8db58 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f8db58 !important; +} + +.border-purple { + border-color: #f8db58 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f8db58 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f8db58 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f8db58 !important; +} + +.text-purple { + color: #f8db58 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f8db58 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f8db58 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f8db58 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f8db58; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #f8db58; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f8db58; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f8db58; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f8db58; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f8db58; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f8db58; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #f8db58; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f8db58; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f8db58; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f8db58 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #f8db58 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f8db58; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f8db58; + border-left: 2px solid #f8db58; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f8db58; + font-weight: 600; + left: -1px; + border-left: solid 2px #f8db58; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #f8db58; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f8db58; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f8db58; +} + +.filter-link:hover, .filter-link:focus { + color: #f8db58; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f8db58; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f8db58; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f8db58; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f8db58; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f8db58; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f8db58; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f8db58; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f8db58; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f8db58; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f8db58; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #f8db58; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f8db58; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #f8db58; +} + +blockquote { + border-left: 2px solid #f8db58; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #f8db58; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f8db58; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f8db58; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #f8db58; + background-color: rgba(60, 173, 243, 0.08); + color: #f8db58; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f8db58; + border: 1px solid #f8db58; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f8db58; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f8db58; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #f8db58; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #f8db58; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f8db58; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f8db58; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #f8db58 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f8db58; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #f8db58; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #f8db58; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #f8db58; +} + +.border { + border-color: #f8db58 !important; +} + +.form-control { + background: transparent; + border-color: #f8db58 !important; +} + +.btn { + background: transparent; + border-color: #f8db58 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #f8db58 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_f8db58.css.map */ diff --git a/ruqqus/assets/style/dark_ff0000.css b/ruqqus/assets/style/dark_ff0000.css new file mode 100644 index 000000000..8694015f5 --- /dev/null +++ b/ruqqus/assets/style/dark_ff0000.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff0000; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ff0000; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #ff0000; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff0000; +} + +.bd-callout-purple { + border-left-color: #ff0000; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff0000; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff0000; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ff0000; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #ff0000; + --purple: #ff0000; + --gold: #ECC94B; + --admin: #ff0000; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #ff0000; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #ff0000; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #ff0000; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #ff0000; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #ff0000; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #ff0000; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff0000 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff0000 !important; +} + +.bg-purple { + background-color: #ff0000 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff0000 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff0000 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff0000 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff0000 !important; +} + +.border-purple { + border-color: #ff0000 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff0000 !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff0000 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff0000 !important; +} + +.text-purple { + color: #ff0000 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff0000 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff0000 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff0000 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff0000; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ff0000; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff0000; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff0000; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff0000; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff0000; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff0000; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ff0000; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff0000; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff0000; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff0000 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #ff0000 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff0000; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff0000; + border-left: 2px solid #ff0000; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff0000; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff0000; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #ff0000; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff0000; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff0000; +} + +.filter-link:hover, .filter-link:focus { + color: #ff0000; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff0000; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff0000; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff0000; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff0000; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff0000; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff0000; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff0000; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff0000; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff0000; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff0000; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #ff0000; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff0000; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff0000; +} + +blockquote { + border-left: 2px solid #ff0000; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #ff0000; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff0000; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff0000; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ff0000; + background-color: rgba(60, 173, 243, 0.08); + color: #ff0000; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ff0000; + border: 1px solid #ff0000; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff0000; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff0000; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ff0000; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff0000; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff0000; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff0000; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff0000 !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff0000; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #ff0000; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff0000; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #ff0000; +} + +.border { + border-color: #ff0000 !important; +} + +.form-control { + background: transparent; + border-color: #ff0000 !important; +} + +.btn { + background: transparent; + border-color: #ff0000 !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #ff0000 !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_ff0000.css.map */ diff --git a/ruqqus/assets/style/dark_ff66ac.css b/ruqqus/assets/style/dark_ff66ac.css new file mode 100644 index 000000000..7fba04ccd --- /dev/null +++ b/ruqqus/assets/style/dark_ff66ac.css @@ -0,0 +1,27995 @@ +@charset "UTF-8"; +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff66ac; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ff66ac; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #383838 !important; +} + +.border-top { + border-top: 1px solid #383838 !important; +} + +.border-right { + border-right: 1px solid #383838 !important; +} + +.border-bottom { + border-bottom: 1px solid #383838 !important; +} + +.border-left { + border-left: 1px solid #383838 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(207, 207, 207, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(207, 207, 207, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +.bd-callout-primary { + border-left-color: #ff66ac; +} + +.bd-callout-secondary { + border-left-color: #383838; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #383838; +} + +.bd-callout-white { + border-left-color: #E1E1E1; +} + +.bd-callout-black { + border-left-color: #CFCFCF; +} + +.bd-callout-light { + border-left-color: #000000; +} + +.bd-callout-success { + border-left-color: #38A169; +} + +.bd-callout-muted { + border-left-color: #E1E1E1; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff66ac; +} + +.bd-callout-purple { + border-left-color: #ff66ac; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff66ac; +} + +.bd-callout-gray { + border-left-color: #383838; +} + +.bd-callout-gray-100 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-200 { + border-left-color: #E1E1E1; +} + +.bd-callout-gray-300 { + border-left-color: #383838; +} + +.bd-callout-gray-400 { + border-left-color: #303030; +} + +.bd-callout-gray-500 { + border-left-color: #000000; +} + +.bd-callout-gray-600 { + border-left-color: #000000; +} + +.bd-callout-gray-700 { + border-left-color: #000000; +} + +.bd-callout-gray-800 { + border-left-color: #000000; +} + +.bd-callout-gray-900 { + border-left-color: #000000; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff66ac; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #E1E1E1; + --gray: #000000; + --gray-dark: #000000; + --primary: #ff66ac; + --secondary: #383838; + --success: #38A169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #000000; + --dark: #383838; + --white: #E1E1E1; + --black: #CFCFCF; + --muted: #E1E1E1; + --downvote: #38B2AC; + --upvote: #ff66ac; + --purple: #ff66ac; + --gold: #ECC94B; + --admin: #ff66ac; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #383838; + --gray-400: #303030; + --gray-500: #000000; + --gray-600: #000000; + --gray-700: #000000; + --gray-800: #000000; + --gray-900: #000000; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(207, 207, 207, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +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: #000000; + text-align: left; + background-color: #E1E1E1; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #000000; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(207, 207, 207, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #000000; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #E1E1E1; + border: 1px solid #383838; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #000000; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #E1E1E1; + background-color: #000000; + border-radius: 0.2rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #000000; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #000000; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #383838; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #383838; +} +.table tbody + tbody { + border-top: 2px solid #383838; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #383838; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #383838; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(207, 207, 207, 0.05); +} + +.table-hover tbody tr:hover { + color: #000000; + background-color: rgba(207, 207, 207, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #e9bfd2; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-primary:hover { + background-color: #e2acc5; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #e2acc5; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #b2b2b2; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #898989; +} + +.table-hover .table-secondary:hover { + background-color: #a5a5a5; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #a5a5a5; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #b2cfbf; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #89c0a3; +} + +.table-hover .table-success:hover { + background-color: #a2c5b2; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #a2c5b2; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #a8cae4; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #77b6e6; +} + +.table-hover .table-info:hover { + background-color: #95bede; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #95bede; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #e9d8a4; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #f1d070; +} + +.table-hover .table-warning:hover { + background-color: #e4cf8f; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #e4cf8f; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #e2b3b3; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #e38c8c; +} + +.table-hover .table-danger:hover { + background-color: #dba1a1; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #dba1a1; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #a2a2a2; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-light:hover { + background-color: #959595; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #959595; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #b2b2b2; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #898989; +} + +.table-hover .table-dark:hover { + background-color: #a5a5a5; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #a5a5a5; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: #e1e1e1; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-white:hover { + background-color: #d4d4d4; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #d4d4d4; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: gainsboro; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #d8d8d8; +} + +.table-hover .table-black:hover { + background-color: #cfcfcf; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #cfcfcf; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #e1e1e1; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-muted:hover { + background-color: #d4d4d4; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #d4d4d4; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #b2d4d2; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #89c9c5; +} + +.table-hover .table-downvote:hover { + background-color: #a2cbc8; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #a2cbc8; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #e9bfd2; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-upvote:hover { + background-color: #e2acc5; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #e2acc5; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #e9bfd2; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-purple:hover { + background-color: #e2acc5; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #e2acc5; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #e4dab7; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #e7d593; +} + +.table-hover .table-gold:hover { + background-color: #ddd0a4; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #ddd0a4; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #e9bfd2; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #f1a1c5; +} + +.table-hover .table-admin:hover { + background-color: #e2acc5; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #e2acc5; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #b2b2b2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #a5a5a5; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #e1e1e1; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-100:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #d4d4d4; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #e1e1e1; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #e1e1e1; +} + +.table-hover .table-gray-200:hover { + background-color: #d4d4d4; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #d4d4d4; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #b2b2b2; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #898989; +} + +.table-hover .table-gray-300:hover { + background-color: #a5a5a5; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #a5a5a5; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #afafaf; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #858585; +} + +.table-hover .table-gray-400:hover { + background-color: #a2a2a2; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #a2a2a2; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #a2a2a2; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-500:hover { + background-color: #959595; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #959595; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #a2a2a2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-600:hover { + background-color: #959595; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #959595; +} + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #a2a2a2; +} +.table-gray-700 th, +.table-gray-700 td, +.table-gray-700 thead th, +.table-gray-700 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-700:hover { + background-color: #959595; +} +.table-hover .table-gray-700:hover > td, +.table-hover .table-gray-700:hover > th { + background-color: #959595; +} + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #a2a2a2; +} +.table-gray-800 th, +.table-gray-800 td, +.table-gray-800 thead th, +.table-gray-800 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-800:hover { + background-color: #959595; +} +.table-hover .table-gray-800:hover > td, +.table-hover .table-gray-800:hover > th { + background-color: #959595; +} + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #a2a2a2; +} +.table-gray-900 th, +.table-gray-900 td, +.table-gray-900 thead th, +.table-gray-900 tbody + tbody { + border-color: #6c6c6c; +} + +.table-hover .table-gray-900:hover { + background-color: #959595; +} +.table-hover .table-gray-900:hover > td, +.table-hover .table-gray-900:hover > th { + background-color: #959595; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #e4b6af; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #e79085; +} + +.table-hover .table-reddit:hover { + background-color: #dea59c; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #dea59c; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(207, 207, 207, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(194, 194, 194, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(194, 194, 194, 0.075); +} + +.table .thead-dark th { + color: #E1E1E1; + background-color: #000000; + border-color: #131313; +} +.table .thead-light th { + color: #000000; + background-color: #E1E1E1; + border-color: #383838; +} + +.table-dark { + color: #E1E1E1; + background-color: #000000; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #131313; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(225, 225, 225, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #E1E1E1; + background-color: rgba(225, 225, 225, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #000000; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid #303030; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} +.form-control:focus { + color: #000000; + background-color: #E1E1E1; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #000000; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #E1E1E1; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #000000; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #000000; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #38A169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(56, 161, 105, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38A169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38A169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338A169' 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") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38A169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38A169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38A169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38A169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38A169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38A169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #E1E1E1; + background-color: rgba(229, 62, 62, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #E1E1E1 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #000000; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #000000; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #E1E1E1; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-secondary { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-success { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #E1E1E1; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #E1E1E1; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 171, 123, 0.5); +} + +.btn-info { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #E1E1E1; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #E1E1E1; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 154, 233, 0.5); +} + +.btn-warning { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #000000; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #000000; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); +} + +.btn-danger { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #E1E1E1; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(228, 86, 86, 0.5); +} + +.btn-light { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:focus, .btn-light.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-dark { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-dark:focus, .btn-dark.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-white { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-white:focus, .btn-white.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-black { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:hover { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; +} +.btn-black:focus, .btn-black.focus { + color: #000000; + background-color: #bcbcbc; + border-color: #b6b6b6; + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #000000; + background-color: #b6b6b6; + border-color: #afafaf; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(176, 176, 176, 0.5); +} + +.btn-muted { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-muted:focus, .btn-muted.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-downvote { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #E1E1E1; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 185, 180, 0.5); +} + +.btn-upvote { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:hover { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #E1E1E1; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-purple { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-purple:hover { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-purple:focus, .btn-purple.focus { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #E1E1E1; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gold { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #000000; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #000000; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(201, 171, 64, 0.5); +} + +.btn-admin { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:hover { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-admin:focus, .btn-admin.focus { + color: #E1E1E1; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #E1E1E1; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 87, 146, 0.5); +} + +.btn-gray { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray:focus, .btn-gray.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-100 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-200 { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:hover { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #000000; + background-color: #cecece; + border-color: #c8c8c8; + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #000000; + background-color: #c8c8c8; + border-color: #c1c1c1; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(191, 191, 191, 0.5); +} + +.btn-gray-300 { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:hover { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #E1E1E1; + background-color: #252525; + border-color: #1f1f1f; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #1f1f1f; + border-color: #181818; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} + +.btn-gray-400 { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:hover { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #E1E1E1; + background-color: #1d1d1d; + border-color: #171717; + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #171717; + border-color: #101010; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); +} + +.btn-gray-500 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-600 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-700 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:focus, .btn-gray-700.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-700.disabled, .btn-gray-700:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-800 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:focus, .btn-gray-800.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-800.disabled, .btn-gray-800:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-gray-900 { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:hover { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:focus, .btn-gray-900.focus { + color: #E1E1E1; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} +.btn-gray-900.disabled, .btn-gray-900:disabled { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: black; + border-color: black; +} +.btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); +} + +.btn-reddit { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #E1E1E1; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(235, 93, 75, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #383838; + border-color: #383838; +} +.btn-outline-secondary:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-success { + color: #38A169; + border-color: #38A169; +} +.btn-outline-success:hover { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38A169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #E1E1E1; + background-color: #38A169; + border-color: #38A169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #E1E1E1; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #000000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #E1E1E1; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #000000; + border-color: #000000; +} +.btn-outline-light:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-dark { + color: #383838; + border-color: #383838; +} +.btn-outline-dark:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-white { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-black { + color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:hover { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #CFCFCF; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #000000; + background-color: #CFCFCF; + border-color: #CFCFCF; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.btn-outline-muted { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #E1E1E1; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:hover { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:hover { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #000000; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:hover { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #000000; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #383838; + border-color: #383838; +} +.btn-outline-gray:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-100 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-200 { + color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:hover { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #E1E1E1; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #000000; + background-color: #E1E1E1; + border-color: #E1E1E1; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.btn-outline-gray-300 { + color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:hover { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #383838; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #E1E1E1; + background-color: #383838; + border-color: #383838; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.btn-outline-gray-400 { + color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:hover { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #303030; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #E1E1E1; + background-color: #303030; + border-color: #303030; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.btn-outline-gray-500 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-600 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-700 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-800 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-gray-900 { + color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:hover { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} +.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #000000; + background-color: transparent; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { + color: #E1E1E1; + background-color: #000000; + border-color: #000000; +} +.btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #E1E1E1; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #000000; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #000000; + text-align: left; + list-style: none; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #E1E1E1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #000000; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: black; + text-decoration: none; + background-color: #E1E1E1; +} +.dropdown-item.active, .dropdown-item:active { + color: #E1E1E1; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #000000; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #000000; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #000000; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + text-align: center; + white-space: nowrap; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #E1E1E1; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #E1E1E1; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #000000; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #E1E1E1; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #E1E1E1; + border: #000000 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23E1E1E1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23E1E1E1' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E1E1E1'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #000000; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + vertical-align: middle; + background: #E1E1E1 url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #303030; + border-radius: 0.25rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #000000; + background-color: #E1E1E1; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #000000; + background-color: #E1E1E1; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000000; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #E1E1E1; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #000000; + background-color: #E1E1E1; + border: 1px solid #303030; + border-radius: 0.25rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #000000; + content: "Browse"; + background-color: #E1E1E1; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #E1E1E1, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #383838; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #383838; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #383838; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #000000; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #000000; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #000000; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #000000; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #383838; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #E1E1E1 #E1E1E1 #383838; +} +.nav-tabs .nav-link.disabled { + color: #000000; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #000000; + background-color: #E1E1E1; + border-color: #383838 #383838 #E1E1E1; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #E1E1E1; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(207, 207, 207, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(207, 207, 207, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(207, 207, 207, 0.5); + border-color: rgba(207, 207, 207, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207, 207, 207, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(207, 207, 207, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(207, 207, 207, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(207, 207, 207, 0.9); +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #E1E1E1; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(225, 225, 225, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(225, 225, 225, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #E1E1E1; +} +.navbar-dark .navbar-toggler { + color: rgba(225, 225, 225, 0.5); + border-color: rgba(225, 225, 225, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(225, 225, 225, 0.5); +} +.navbar-dark .navbar-text a { + color: #E1E1E1; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #E1E1E1; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: border-box; + border: 1px solid rgba(207, 207, 207, 0.125); + border-radius: 0.25rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(207, 207, 207, 0.03); + border-bottom: 1px solid rgba(207, 207, 207, 0.125); +} +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(207, 207, 207, 0.03); + border-top: 1px solid rgba(207, 207, 207, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #000000; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #000000; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #E1E1E1; + border: 1px solid #383838; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #E1E1E1; + border-color: #383838; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #E1E1E1; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #000000; + pointer-events: none; + cursor: auto; + background-color: #E1E1E1; + border-color: #383838; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #000000; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #000000; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #E1E1E1; + background-color: #383838; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-success { + color: #E1E1E1; + background-color: #38A169; +} +a.badge-success:hover, a.badge-success:focus { + color: #E1E1E1; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #E1E1E1; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #E1E1E1; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #000000; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #000000; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #E1E1E1; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #E1E1E1; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #E1E1E1; + background-color: #000000; +} +a.badge-light:hover, a.badge-light:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-dark { + color: #E1E1E1; + background-color: #383838; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-white { + color: #000000; + background-color: #E1E1E1; +} +a.badge-white:hover, a.badge-white:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-black { + color: #000000; + background-color: #CFCFCF; +} +a.badge-black:hover, a.badge-black:focus { + color: #000000; + background-color: #b6b6b6; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); +} + +.badge-muted { + color: #000000; + background-color: #E1E1E1; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-downvote { + color: #E1E1E1; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #E1E1E1; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #000000; + background-color: #ff66ac; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #000000; + background-color: #ff3390; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #000000; + background-color: #ff66ac; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #000000; + background-color: #ff3390; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #000000; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #000000; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #000000; + background-color: #ff66ac; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #000000; + background-color: #ff3390; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-100 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-200 { + color: #000000; + background-color: #E1E1E1; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #000000; + background-color: #c8c8c8; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(225, 225, 225, 0.5); +} + +.badge-gray-300 { + color: #E1E1E1; + background-color: #383838; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #E1E1E1; + background-color: #1f1f1f; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); +} + +.badge-gray-400 { + color: #E1E1E1; + background-color: #303030; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #E1E1E1; + background-color: #171717; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5); +} + +.badge-gray-500 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-600 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-700 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-700:hover, a.badge-gray-700:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-700:focus, a.badge-gray-700.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-800 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-800:hover, a.badge-gray-800:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-800:focus, a.badge-gray-800.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-gray-900 { + color: #E1E1E1; + background-color: #000000; +} +a.badge-gray-900:hover, a.badge-gray-900:focus { + color: #E1E1E1; + background-color: black; +} +a.badge-gray-900:focus, a.badge-gray-900.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); +} + +.badge-reddit { + color: #E1E1E1; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #E1E1E1; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #E1E1E1; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-primary hr { + border-top-color: #e2acc5; +} +.alert-primary .alert-link { + color: #df6ea2; +} + +.alert-secondary { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-secondary hr { + border-top-color: #a5a5a5; +} +.alert-secondary .alert-link { + color: #676767; +} + +.alert-success { + color: #80b79a; + background-color: #bfd4c9; + border-color: #b2cfbf; +} +.alert-success hr { + border-top-color: #a2c5b2; +} +.alert-success .alert-link { + color: #5fa580; +} + +.alert-info { + color: #6faddd; + background-color: #b8d0e3; + border-color: #a8cae4; +} +.alert-info hr { + border-top-color: #95bede; +} +.alert-info .alert-link { + color: #4696d3; +} + +.alert-warning { + color: #e8c867; + background-color: #e7dbb5; + border-color: #e9d8a4; +} +.alert-warning hr { + border-top-color: #e4cf8f; +} +.alert-warning .alert-link { + color: #e1b83b; +} + +.alert-danger { + color: #da8484; + background-color: #e2c0c0; + border-color: #e2b3b3; +} +.alert-danger hr { + border-top-color: #dba1a1; +} +.alert-danger .alert-link { + color: #ce5d5d; +} + +.alert-light { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-light hr { + border-top-color: #959595; +} +.alert-light .alert-link { + color: #4a4a4a; +} + +.alert-dark { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-dark hr { + border-top-color: #a5a5a5; +} +.alert-dark .alert-link { + color: #676767; +} + +.alert-white { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-white hr { + border-top-color: #d4d4d4; +} +.alert-white .alert-link { + color: #bfbfbf; +} + +.alert-black { + color: #cfcfcf; + background-color: #dddddd; + border-color: gainsboro; +} +.alert-black hr { + border-top-color: #cfcfcf; +} +.alert-black .alert-link { + color: #b6b6b6; +} + +.alert-muted { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-muted hr { + border-top-color: #d4d4d4; +} +.alert-muted .alert-link { + color: #bfbfbf; +} + +.alert-downvote { + color: #80c0bd; + background-color: #bfd8d6; + border-color: #b2d4d2; +} +.alert-downvote hr { + border-top-color: #a2cbc8; +} +.alert-downvote .alert-link { + color: #5eafab; +} + +.alert-upvote { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-upvote hr { + border-top-color: #e2acc5; +} +.alert-upvote .alert-link { + color: #df6ea2; +} + +.alert-purple { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-purple hr { + border-top-color: #e2acc5; +} +.alert-purple .alert-link { + color: #df6ea2; +} + +.alert-gold { + color: #decc8a; + background-color: #e3dcc3; + border-color: #e4dab7; +} +.alert-gold hr { + border-top-color: #ddd0a4; +} +.alert-gold .alert-link { + color: #d3bb62; +} + +.alert-admin { + color: #e898bd; + background-color: #e7c8d6; + border-color: #e9bfd2; +} +.alert-admin hr { + border-top-color: #e2acc5; +} +.alert-admin .alert-link { + color: #df6ea2; +} + +.alert-gray { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray hr { + border-top-color: #a5a5a5; +} +.alert-gray .alert-link { + color: #676767; +} + +.alert-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-100 hr { + border-top-color: #d4d4d4; +} +.alert-gray-100 .alert-link { + color: #bfbfbf; +} + +.alert-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; + border-color: #e1e1e1; +} +.alert-gray-200 hr { + border-top-color: #d4d4d4; +} +.alert-gray-200 .alert-link { + color: #bfbfbf; +} + +.alert-gray-300 { + color: gray; + background-color: #bfbfbf; + border-color: #b2b2b2; +} +.alert-gray-300 hr { + border-top-color: #a5a5a5; +} +.alert-gray-300 .alert-link { + color: #676767; +} + +.alert-gray-400 { + color: #7c7c7c; + background-color: #bebebe; + border-color: #afafaf; +} +.alert-gray-400 hr { + border-top-color: #a2a2a2; +} +.alert-gray-400 .alert-link { + color: #636363; +} + +.alert-gray-500 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-500 hr { + border-top-color: #959595; +} +.alert-gray-500 .alert-link { + color: #4a4a4a; +} + +.alert-gray-600 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-600 hr { + border-top-color: #959595; +} +.alert-gray-600 .alert-link { + color: #4a4a4a; +} + +.alert-gray-700 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-700 hr { + border-top-color: #959595; +} +.alert-gray-700 .alert-link { + color: #4a4a4a; +} + +.alert-gray-800 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-800 hr { + border-top-color: #959595; +} +.alert-gray-800 .alert-link { + color: #4a4a4a; +} + +.alert-gray-900 { + color: #636363; + background-color: #b4b4b4; + border-color: #a2a2a2; +} +.alert-gray-900 hr { + border-top-color: #959595; +} +.alert-gray-900 .alert-link { + color: #4a4a4a; +} + +.alert-reddit { + color: #df887c; + background-color: #e3c2be; + border-color: #e4b6af; +} +.alert-reddit hr { + border-top-color: #dea59c; +} +.alert-reddit .alert-link { + color: #d56353; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #E1E1E1; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #E1E1E1; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(225, 225, 225, 0.15) 25%, transparent 25%, transparent 50%, rgba(225, 225, 225, 0.15) 50%, rgba(225, 225, 225, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #000000; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #000000; + text-decoration: none; + background-color: #E1E1E1; +} +.list-group-item-action:active { + color: #000000; + background-color: #E1E1E1; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #E1E1E1; + border: 1px solid rgba(207, 207, 207, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #000000; + pointer-events: none; + background-color: #E1E1E1; +} +.list-group-item.active { + z-index: 2; + color: #E1E1E1; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-primary.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-secondary { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-secondary.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-success { + color: #80b79a; + background-color: #b2cfbf; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #80b79a; + background-color: #a2c5b2; +} +.list-group-item-success.list-group-item-action.active { + color: #E1E1E1; + background-color: #80b79a; + border-color: #80b79a; +} + +.list-group-item-info { + color: #6faddd; + background-color: #a8cae4; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #6faddd; + background-color: #95bede; +} +.list-group-item-info.list-group-item-action.active { + color: #E1E1E1; + background-color: #6faddd; + border-color: #6faddd; +} + +.list-group-item-warning { + color: #e8c867; + background-color: #e9d8a4; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #e8c867; + background-color: #e4cf8f; +} +.list-group-item-warning.list-group-item-action.active { + color: #E1E1E1; + background-color: #e8c867; + border-color: #e8c867; +} + +.list-group-item-danger { + color: #da8484; + background-color: #e2b3b3; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #da8484; + background-color: #dba1a1; +} +.list-group-item-danger.list-group-item-action.active { + color: #E1E1E1; + background-color: #da8484; + border-color: #da8484; +} + +.list-group-item-light { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-light.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-dark { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-dark.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-white { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-white.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-black { + color: #cfcfcf; + background-color: gainsboro; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #cfcfcf; + background-color: #cfcfcf; +} +.list-group-item-black.list-group-item-action.active { + color: #E1E1E1; + background-color: #cfcfcf; + border-color: #cfcfcf; +} + +.list-group-item-muted { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-muted.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-downvote { + color: #80c0bd; + background-color: #b2d4d2; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #80c0bd; + background-color: #a2cbc8; +} +.list-group-item-downvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #80c0bd; + border-color: #80c0bd; +} + +.list-group-item-upvote { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-upvote.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-purple { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-purple.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gold { + color: #decc8a; + background-color: #e4dab7; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #decc8a; + background-color: #ddd0a4; +} +.list-group-item-gold.list-group-item-action.active { + color: #E1E1E1; + background-color: #decc8a; + border-color: #decc8a; +} + +.list-group-item-admin { + color: #e898bd; + background-color: #e9bfd2; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #e898bd; + background-color: #e2acc5; +} +.list-group-item-admin.list-group-item-action.active { + color: #E1E1E1; + background-color: #e898bd; + border-color: #e898bd; +} + +.list-group-item-gray { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-100 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-200 { + color: #d8d8d8; + background-color: #e1e1e1; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #d8d8d8; + background-color: #d4d4d4; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #E1E1E1; + background-color: #d8d8d8; + border-color: #d8d8d8; +} + +.list-group-item-gray-300 { + color: gray; + background-color: #b2b2b2; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: gray; + background-color: #a5a5a5; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #E1E1E1; + background-color: gray; + border-color: gray; +} + +.list-group-item-gray-400 { + color: #7c7c7c; + background-color: #afafaf; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #7c7c7c; + background-color: #a2a2a2; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #E1E1E1; + background-color: #7c7c7c; + border-color: #7c7c7c; +} + +.list-group-item-gray-500 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-600 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-700 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-700.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-800 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-800.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-gray-900 { + color: #636363; + background-color: #a2a2a2; +} +.list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { + color: #636363; + background-color: #959595; +} +.list-group-item-gray-900.list-group-item-action.active { + color: #E1E1E1; + background-color: #636363; + border-color: #636363; +} + +.list-group-item-reddit { + color: #df887c; + background-color: #e4b6af; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #df887c; + background-color: #dea59c; +} +.list-group-item-reddit.list-group-item-action.active { + color: #E1E1E1; + background-color: #df887c; + border-color: #df887c; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #CFCFCF; + text-shadow: 0 1px 0 #E1E1E1; + opacity: 0.5; +} +.close:hover { + color: #CFCFCF; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(207, 207, 207, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #000000; + background-color: rgba(225, 225, 225, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #CFCFCF; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #383838; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #383838; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #CFCFCF; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #CFCFCF; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #CFCFCF; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #CFCFCF; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #E1E1E1; + text-align: center; + background-color: #CFCFCF; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + 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-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #E1E1E1; + background-clip: padding-box; + border: 1px solid rgba(207, 207, 207, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #E1E1E1; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #E1E1E1; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #E1E1E1; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #d9d9d9; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(207, 207, 207, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #E1E1E1; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #d9d9d9; + border-bottom: 1px solid #cdcdcd; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #000000; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #E1E1E1; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #E1E1E1; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23E1E1E1' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #E1E1E1; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #E1E1E1; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #383838 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #1f1f1f !important; +} + +.bg-success { + background-color: #38A169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #000000 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: black !important; +} + +.bg-dark { + background-color: #383838 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1f1f1f !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #c8c8c8 !important; +} + +.bg-black { + background-color: #CFCFCF !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: #b6b6b6 !important; +} + +.bg-muted { + background-color: #E1E1E1 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #c8c8c8 !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff66ac !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff3390 !important; +} + +.bg-purple { + background-color: #ff66ac !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff3390 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff66ac !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff3390 !important; +} + +.bg-gray { + background-color: #383838 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-100 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-200 { + background-color: #E1E1E1 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #c8c8c8 !important; +} + +.bg-gray-300 { + background-color: #383838 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #1f1f1f !important; +} + +.bg-gray-400 { + background-color: #303030 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #171717 !important; +} + +.bg-gray-500 { + background-color: #000000 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: black !important; +} + +.bg-gray-600 { + background-color: #000000 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: black !important; +} + +.bg-gray-700 { + background-color: #000000 !important; +} + +a.bg-gray-700:hover, a.bg-gray-700:focus, +button.bg-gray-700:hover, +button.bg-gray-700:focus { + background-color: black !important; +} + +.bg-gray-800 { + background-color: #000000 !important; +} + +a.bg-gray-800:hover, a.bg-gray-800:focus, +button.bg-gray-800:hover, +button.bg-gray-800:focus { + background-color: black !important; +} + +.bg-gray-900 { + background-color: #000000 !important; +} + +a.bg-gray-900:hover, a.bg-gray-900:focus, +button.bg-gray-900:hover, +button.bg-gray-900:focus { + background-color: black !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #E1E1E1 !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #383838 !important; +} + +.border-success { + border-color: #38A169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #000000 !important; +} + +.border-dark { + border-color: #383838 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.border-black { + border-color: #CFCFCF !important; +} + +.border-muted { + border-color: #E1E1E1 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff66ac !important; +} + +.border-purple { + border-color: #ff66ac !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff66ac !important; +} + +.border-gray { + border-color: #383838 !important; +} + +.border-gray-100 { + border-color: #E1E1E1 !important; +} + +.border-gray-200 { + border-color: #E1E1E1 !important; +} + +.border-gray-300 { + border-color: #383838 !important; +} + +.border-gray-400 { + border-color: #303030 !important; +} + +.border-gray-500 { + border-color: #000000 !important; +} + +.border-gray-600 { + border-color: #000000 !important; +} + +.border-gray-700 { + border-color: #000000 !important; +} + +.border-gray-800 { + border-color: #000000 !important; +} + +.border-gray-900 { + border-color: #000000 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #E1E1E1 !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(207, 207, 207, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #383838 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #121212 !important; +} + +.text-success { + color: #38A169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #000000 !important; +} + +a.text-light:hover, a.text-light:focus { + color: black !important; +} + +.text-dark { + color: #383838 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121212 !important; +} + +.text-white { + color: #E1E1E1 !important; +} + +a.text-white:hover, a.text-white:focus { + color: #bbbbbb !important; +} + +.text-black { + color: #CFCFCF !important; +} + +a.text-black:hover, a.text-black:focus { + color: darkgray !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #bbbbbb !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff66ac !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff1a83 !important; +} + +.text-purple { + color: #ff66ac !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff1a83 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff66ac !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff1a83 !important; +} + +.text-gray { + color: #383838 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #121212 !important; +} + +.text-gray-100 { + color: #E1E1E1 !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #bbbbbb !important; +} + +.text-gray-200 { + color: #E1E1E1 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #bbbbbb !important; +} + +.text-gray-300 { + color: #383838 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #121212 !important; +} + +.text-gray-400 { + color: #303030 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #0a0a0a !important; +} + +.text-gray-500 { + color: #000000 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: black !important; +} + +.text-gray-600 { + color: #000000 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: black !important; +} + +.text-gray-700 { + color: #000000 !important; +} + +a.text-gray-700:hover, a.text-gray-700:focus { + color: black !important; +} + +.text-gray-800 { + color: #000000 !important; +} + +a.text-gray-800:hover, a.text-gray-800:focus { + color: black !important; +} + +.text-gray-900 { + color: #000000 !important; +} + +a.text-gray-900:hover, a.text-gray-900:focus { + color: black !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #000000 !important; +} + +.text-muted { + color: #000000 !important; +} + +.text-black-50 { + color: rgba(207, 207, 207, 0.5) !important; +} + +.text-white-50 { + color: rgba(225, 225, 225, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #000000; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #CFCFCF; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #E1E1E1 !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #383838 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #383838; + } + + .table .thead-dark th { + color: inherit; + border-color: #383838; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #CFCFCF; + padding-top: 49px; + background-color: #000000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #000000; +} + +#page { + padding-top: 49px; + background-color: #000000; +} + +#article { + padding-top: 0; + background-color: #000000; +} + +#thread, #userpage { + background-color: #000000; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff66ac; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-white { + color: #383838; +} + +.btn-success, .btn-danger { + color: #E1E1E1; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #303030; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.25rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #E1E1E1; + color: #383838; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #E1E1E1 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #E1E1E1 !important; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #383838; +} + +.navbar-light { + background-color: #000000 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #383838; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ff66ac; + font-weight: 600; +} + +.navbar-dark .navbar-brand { + color: #E1E1E1; +} + +.navbar .text-white { + color: #E1E1E1; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #000000; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #CFCFCF; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff66ac; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #E1E1E1; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff66ac; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link { + color: #E1E1E1; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #000000; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #E1E1E1; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #CFCFCF; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #E1E1E1; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #E1E1E1; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff66ac; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff66ac; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff66ac; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ff66ac; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #000000; + color: #CFCFCF; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: #000000; + font-size: 1rem; + color: #E1E1E1; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: #CFCFCF; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.bg-svg { + background-color: #383838; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #E1E1E1; + border-color: #E1E1E1; + border-width: 2px; + background: #383838; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #383838; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #303030; + background-color: #000000; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #383838; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #CFCFCF; + background-color: #000000; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #CFCFCF; +} + +.form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #CFCFCF; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #CFCFCF; +} + +#login label { + color: #CFCFCF; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #CFCFCF; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: #E1E1E1; + background-color: #000000; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: #CFCFCF; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #CFCFCF; + text-decoration: none; + background-color: #383838; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #CFCFCF; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #CFCFCF; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff66ac; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff66ac; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff66ac !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #E1E1E1; +} + +.score { + color: #CFCFCF; +} + +.score-up { + color: #ff66ac !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score { + color: #383838 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #383838; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #303030; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +.pseudo-submit-form .card-header { + background-color: #000000 !important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #000000; + border-radius: 0.35rem; + border: none; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #000000; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #000000; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #E1E1E1; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff66ac; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #303030; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #E1E1E1; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff66ac; + border-left: 2px solid #ff66ac; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff66ac; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff66ac; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: #000000 !important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #E1E1E1; + background-color: #ff66ac; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: #CFCFCF; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #000000; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #000000; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #E1E1E1; + font-weight: 600; + border-bottom: 1px solid #303030; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #CFCFCF; + background-color: #000000; + border: none; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #E1E1E1; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #CFCFCF; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: #000000 !important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid #303030; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: #E1E1E1; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #E1E1E1; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #E1E1E1; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #CFCFCF; +} + +.filter-list > .filter-item > .filter-link.active { + color: #CFCFCF; + background-color: #000000; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff66ac; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff66ac; +} + +.filter-link:hover, .filter-link:focus { + color: #ff66ac; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #E1E1E1; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #CFCFCF; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #CFCFCF; + background-color: #E1E1E1; + border-radius: 0.35rem; + border: 1px solid #303030; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff66ac; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff66ac; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff66ac; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #E1E1E1; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #E1E1E1; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #CFCFCF; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff66ac; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff66ac; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff66ac; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff66ac; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #E1E1E1; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #000000; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #383838; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #000000; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff66ac; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff66ac; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #CFCFCF; + padding: 0.5rem 1rem; + border-bottom: 1px solid #303030; +} + +.card { + background-color: #000000; +} + +#thread .card { + background-color: #000000; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #303030; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #000000; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #CFCFCF; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff66ac; +} + +#frontpage .post-title a { + color: #CFCFCF; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #CFCFCF; +} + +.stretched-link a:hover { + color: #ff66ac; +} + +.post-meta { + position: relative; + z-index: 2; + color: #E1E1E1; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: none; + background-color: #303030; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: #303030; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #303030; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + background-image: linear-gradient(180deg, #ffffff00 25%, #303030 100%) !important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .post-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #383838; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #CFCFCF; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #CFCFCF; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + + #search, #guild { + padding-top: 98px; + } +} +.dropdown-actions { + position: relative; + color: #E1E1E1; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #E1E1E1; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #CFCFCF; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #CFCFCF; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #CFCFCF; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #E1E1E1; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; +} + +.page-link:hover { + background-color: #E1E1E1; +} + +.page-item.disabled .page-link { + font-weight: 600; + background-color: #383838; + border: 1px solid #383838; + opacity: 0.5; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #E1E1E1; +} + +.post-actions a { + color: #E1E1E1; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #CFCFCF; +} + +.post-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff66ac; + border-radius: 0.35rem; + z-index: 2; + background-color: #383838; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #E1E1E1; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #E1E1E1; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #E1E1E1; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #E1E1E1; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #E1E1E1; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #CFCFCF; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #CFCFCF; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff66ac; +} + +blockquote { + border-left: 2px solid #ff66ac; + color: #CFCFCF; + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: #303030; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #383838; +} + +.modal .comment-actions a { + color: #E1E1E1; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #000000; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #E1E1E1; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #CFCFCF; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #CFCFCF; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #CFCFCF; +} + +.comment-actions a { + color: #E1E1E1; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #CFCFCF; +} + +.comment-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #E1E1E1; + text-decoration: none; + background-color: #38A169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #E1E1E1; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #CFCFCF; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #000000; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #000000; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: #000000; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #E1E1E1; +} + +.comment-write .comment-format .format:hover { + color: #CFCFCF; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #E1E1E1; + font-size: 1rem; + color: #ff66ac; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff66ac; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #000000; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff66ac; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #383838; + background-color: #000000; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #E1E1E1; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ff66ac; + background-color: rgba(60, 173, 243, 0.08); + color: #ff66ac; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #000000; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #E1E1E1; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #CFCFCF; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #000000; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #E1E1E1; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #E1E1E1; + font-size: 12px; + text-transform: uppercase; + background-color: #000000; + border: none; +} + +#settings-guild { + background-color: #000000; +} + +#settings-guild .settings .settings-section { + border: 1px solid #303030; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #000000; + border: 1px solid #303030; + border-radius: 0.35rem; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: #383838 !important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #383838; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #E1E1E1; +} + +.modal .profile-actions a { + color: #CFCFCF; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #383838; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #383838; +} + +.profile-actions .dropdown-item:hover { + color: #CFCFCF; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #383838; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #CFCFCF; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #E1E1E1; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #E1E1E1; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #E1E1E1; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #303030 !important; +} + +.border-right { + border-right: 1px solid #303030 !important; +} + +.border-bottom { + border-bottom: 1px solid #303030 !important; +} + +.border-left { + border-left: 1px solid #303030 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; +} + +.border-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; +} + +.border { + border: 1px solid #303030 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #303030 !important; + } + + .border-sm-right { + border-right: 1px solid #303030 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-sm-left { + border-left: 1px solid #303030 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-sm-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-sm { + border: 1px solid #303030 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #303030 !important; + } + + .border-md-right { + border-right: 1px solid #303030 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-md-left { + border-left: 1px solid #303030 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-md-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-md { + border: 1px solid #303030 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #303030 !important; + } + + .border-lg-right { + border-right: 1px solid #303030 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-lg-left { + border-left: 1px solid #303030 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-lg-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-lg { + border: 1px solid #303030 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #303030 !important; + } + + .border-xl-right { + border-right: 1px solid #303030 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #303030 !important; + } + + .border-xl-left { + border-left: 1px solid #303030 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #303030 !important; + border-right: 1px solid #303030 !important; + } + + .border-xl-y { + border-top: 1px solid #303030 !important; + border-bottom: 1px solid #303030 !important; + } + + .border-xl { + border: 1px solid #303030 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #383838; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #CFCFCF; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ff66ac; + border: 1px solid #ff66ac; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38A169; + border: #38A169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #E1E1E1; + border: #E1E1E1 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #000000; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #E1E1E1; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #E1E1E1; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #E1E1E1; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #E1E1E1; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff66ac; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff66ac; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #000000; + } + + #thread, #userpage { + background-color: #000000; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar.bg-primary { + background-color: #383838 !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ff66ac; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: none; + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: #000000; + } + + #search, #guild { + padding-top: 98px; + } + + #frontpage { + padding-top: 49px; + } + + #search .search-results.card { + border-bottom: 1px solid #303030; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: #000000; + } + + #frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid #303030; + } + + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: #ff66ac; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + #thread .card { + background-color: #000000; + } + + .card { + background-color: #000000; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #CFCFCF; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff66ac; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + } + + .post-actions { + font-weight: 400; + } + + .post-actions a { + font-size: 1rem; + color: #E1E1E1; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #E1E1E1; + } + + .score { + color: #E1E1E1; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #E1E1E1; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff66ac; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #000000; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #E1E1E1; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + border: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #CFCFCF; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.bg-white { + background-color: #000000 !important; +} + +.text-muted { + color: #E1E1E1 !important; +} + +.text-primary { + color: #ff66ac !important; +} + +.text-gray-400, .text-gray-500 { + color: #E1E1E1 !important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5) !important; + background-image: linear-gradient(180deg, #ffffff00 25%, #000000 100%) !important; +} + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff66ac; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #960000; + border-left: 3px solid #ff0000 !important; +} + +div.deleted { + background-color: #969600; +} + +div.deleted.banned { + background-color: #964000; +} + +.text-admin { + color: #ff66ac; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: #E1E1E1; + background-color: #E1E1E1; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #383838; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #E1E1E1 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #E1E1E1 !important; +} + +#frontpage .post-title a:visited { + color: #E1E1E1; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.table { + color: #E1E1E1; +} + +.comment-box { + border: 2px solid #E1E1E1; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + +.btn-secondary { + color: #E1E1E1; +} + +.btn-primary { + color: #E1E1E1; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid #ff66ac; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + + .comment-actions { + margin-top: -8px; + } +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow: 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow: 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow: 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow: 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow: 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow: 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} +* { + border-color: #ff66ac; +} + +.border { + border-color: #ff66ac !important; +} + +.form-control { + background: transparent; + border-color: #ff66ac !important; +} + +.btn { + background: transparent; + border-color: #ff66ac !important; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: #ff66ac !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + border-color: transparent !important; +} + +.btn-lg, .btn-group-lg > .btn { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +/*# sourceMappingURL=dark_ff66ac.css.map */ diff --git a/ruqqus/assets/style/fa.css b/ruqqus/assets/style/fa.css new file mode 100644 index 000000000..68956d337 --- /dev/null +++ b/ruqqus/assets/style/fa.css @@ -0,0 +1,2 @@ +/*!* Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com +* License - https://fontawesome.com/license (Commercial License)*/.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-conditioner:before{content:"\f8f4"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-alarm-exclamation:before{content:"\f843"}.fa-alarm-plus:before{content:"\f844"}.fa-alarm-snooze:before{content:"\f845"}.fa-album:before{content:"\f89f"}.fa-album-collection:before{content:"\f8a0"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-alien:before{content:"\f8f5"}.fa-alien-monster:before{content:"\f8f6"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-align-slash:before{content:"\f846"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-amp-guitar:before{content:"\f8a1"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badge-sheriff:before{content:"\f8a2"}.fa-badger-honey:before{content:"\f6b4"}.fa-bags-shopping:before{content:"\f847"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-banjo:before{content:"\f8a3"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-bed-alt:before{content:"\f8f7"}.fa-bed-bunk:before{content:"\f8f8"}.fa-bed-empty:before{content:"\f8f9"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-exclamation:before{content:"\f848"}.fa-bell-on:before{content:"\f8fa"}.fa-bell-plus:before{content:"\f849"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-betamax:before{content:"\f8a4"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-biking-mountain:before{content:"\f84b"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blinds:before{content:"\f8fb"}.fa-blinds-open:before{content:"\f8fc"}.fa-blinds-raised:before{content:"\f8fd"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boombox:before{content:"\f8a5"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-bottom:before{content:"\f84d"}.fa-border-center-h:before{content:"\f89c"}.fa-border-center-v:before{content:"\f89d"}.fa-border-inner:before{content:"\f84e"}.fa-border-left:before{content:"\f84f"}.fa-border-none:before{content:"\f850"}.fa-border-outer:before{content:"\f851"}.fa-border-right:before{content:"\f852"}.fa-border-style:before{content:"\f853"}.fa-border-style-alt:before{content:"\f854"}.fa-border-top:before{content:"\f855"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-bring-forward:before{content:"\f856"}.fa-bring-front:before{content:"\f857"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burger-soda:before{content:"\f858"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-cactus:before{content:"\f8a7"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camcorder:before{content:"\f8a8"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-home:before{content:"\f8fe"}.fa-camera-movie:before{content:"\f8a9"}.fa-camera-polaroid:before{content:"\f8aa"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-building:before{content:"\f859"}.fa-car-bump:before{content:"\f5e0"}.fa-car-bus:before{content:"\f85a"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caravan:before{content:"\f8ff"}.fa-caravan-alt:before{content:"\f900"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cars:before{content:"\f85b"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cassette-tape:before{content:"\f8ab"}.fa-cat:before{content:"\f6be"}.fa-cat-space:before{content:"\f901"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-cctv:before{content:"\f8ac"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clarinet:before{content:"\f8ad"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-music:before{content:"\f8ae"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-pot:before{content:"\f902"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coin:before{content:"\f85c"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comet:before{content:"\f903"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-music:before{content:"\f8af"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-music:before{content:"\f8b0"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-computer-classic:before{content:"\f8b1"}.fa-computer-speaker:before{content:"\f8b2"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-construction:before{content:"\f85d"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cowbell:before{content:"\f8b3"}.fa-cowbell-more:before{content:"\f8b4"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digging:before{content:"\f85e"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-disc-drive:before{content:"\f8b5"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-drone:before{content:"\f85f"}.fa-drone-alt:before{content:"\f860"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dryer:before{content:"\f861"}.fa-dryer-alt:before{content:"\f862"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fan-table:before{content:"\f904"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-farm:before{content:"\f864"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\f905"}.fa-faucet-drip:before{content:"\f906"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-music:before{content:"\f8b6"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-search:before{content:"\f865"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-film-canister:before{content:"\f8b7"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flashlight:before{content:"\f8b8"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-flute:before{content:"\f8b9"}.fa-flux-capacitor:before{content:"\f8ba"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-font-case:before{content:"\f866"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-galaxy:before{content:"\f908"}.fa-game-board:before{content:"\f867"}.fa-game-board-alt:before{content:"\f868"}.fa-game-console-handheld:before{content:"\f8bb"}.fa-gamepad:before{content:"\f11b"}.fa-gamepad-alt:before{content:"\f8bc"}.fa-garage:before{content:"\f909"}.fa-garage-car:before{content:"\f90a"}.fa-garage-open:before{content:"\f90b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-citrus:before{content:"\f869"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gramophone:before{content:"\f8bd"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-guitar-electric:before{content:"\f8be"}.fa-guitars:before{content:"\f8bf"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-h4:before{content:"\f86a"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-chef:before{content:"\f86b"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-headphones:before{content:"\f8c2"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-heat:before{content:"\f90c"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-horizontal-rule:before{content:"\f86c"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-horse-saddle:before{content:"\f8c3"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house:before{content:"\f90d"}.fa-house-damage:before{content:"\f6f1"}.fa-house-day:before{content:"\f90e"}.fa-house-flood:before{content:"\f74f"}.fa-house-leave:before{content:"\f90f"}.fa-house-night:before{content:"\f910"}.fa-house-return:before{content:"\f911"}.fa-house-signal:before{content:"\f912"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-joystick:before{content:"\f8c5"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-jug:before{content:"\f8c6"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-kazoo:before{content:"\f8c7"}.fa-kerning:before{content:"\f86f"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-lamp-desk:before{content:"\f914"}.fa-lamp-floor:before{content:"\f915"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lasso:before{content:"\f8c8"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-light-ceiling:before{content:"\f916"}.fa-light-switch:before{content:"\f917"}.fa-light-switch-off:before{content:"\f918"}.fa-light-switch-on:before{content:"\f919"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-line-columns:before{content:"\f870"}.fa-line-height:before{content:"\f871"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-music:before{content:"\f8c9"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microphone-stand:before{content:"\f8cb"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-microwave:before{content:"\f91b"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-money-check-edit:before{content:"\f872"}.fa-money-check-edit-alt:before{content:"\f873"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-alt:before{content:"\f8cd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mp3-player:before{content:"\f8ce"}.fa-mug:before{content:"\f874"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-mug-tea:before{content:"\f875"}.fa-music:before{content:"\f001"}.fa-music-alt:before{content:"\f8cf"}.fa-music-alt-slash:before{content:"\f8d0"}.fa-music-slash:before{content:"\f8d1"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-outlet:before{content:"\f91c"}.fa-oven:before{content:"\f91d"}.fa-overline:before{content:"\f876"}.fa-page-break:before{content:"\f877"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-paragraph-rtl:before{content:"\f878"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-laptop:before{content:"\f87a"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-rotary:before{content:"\f8d3"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-piano:before{content:"\f8d4"}.fa-piano-keyboard:before{content:"\f8d5"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-planet-moon:before{content:"\f91f"}.fa-planet-ringed:before{content:"\f920"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-police-box:before{content:"\f921"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portal-enter:before{content:"\f922"}.fa-portal-exit:before{content:"\f923"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-projector:before{content:"\f8d6"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radar:before{content:"\f924"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-radio:before{content:"\f8d7"}.fa-radio-alt:before{content:"\f8d8"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-raygun:before{content:"\f925"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-refrigerator:before{content:"\f926"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocket-launch:before{content:"\f927"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-router:before{content:"\f8da"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-sax-hot:before{content:"\f8db"}.fa-saxophone:before{content:"\f8dc"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-image:before{content:"\f8f3"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-send-back:before{content:"\f87e"}.fa-send-backward:before{content:"\f87f"}.fa-sensor:before{content:"\f928"}.fa-sensor-alert:before{content:"\f929"}.fa-sensor-fire:before{content:"\f92a"}.fa-sensor-on:before{content:"\f92b"}.fa-sensor-smoke:before{content:"\f92c"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signal-stream:before{content:"\f8dd"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-siren:before{content:"\f92d"}.fa-siren-on:before{content:"\f92e"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-cow:before{content:"\f8de"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snooze:before{content:"\f880"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-solar-system:before{content:"\f92f"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-alt:before{content:"\f883"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-circle:before{content:"\f930"}.fa-sort-circle-down:before{content:"\f931"}.fa-sort-circle-up:before{content:"\f932"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-shapes-down:before{content:"\f888"}.fa-sort-shapes-down-alt:before{content:"\f889"}.fa-sort-shapes-up:before{content:"\f88a"}.fa-sort-shapes-up-alt:before{content:"\f88b"}.fa-sort-size-down:before{content:"\f88c"}.fa-sort-size-down-alt:before{content:"\f88d"}.fa-sort-size-up:before{content:"\f88e"}.fa-sort-size-up-alt:before{content:"\f88f"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-space-station-moon:before{content:"\f933"}.fa-space-station-moon-alt:before{content:"\f934"}.fa-spade:before{content:"\f2f4"}.fa-sparkles:before{content:"\f890"}.fa-speakap:before{content:"\f3f3"}.fa-speaker:before{content:"\f8df"}.fa-speaker-deck:before{content:"\f83c"}.fa-speakers:before{content:"\f8e0"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-sprinkler:before{content:"\f935"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-star-shooting:before{content:"\f936"}.fa-starfighter:before{content:"\f937"}.fa-starfighter-alt:before{content:"\f938"}.fa-stars:before{content:"\f762"}.fa-starship:before{content:"\f939"}.fa-starship-freighter:before{content:"\f93a"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunglasses:before{content:"\f892"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-sword-laser:before{content:"\f93b"}.fa-sword-laser-alt:before{content:"\f93c"}.fa-swords:before{content:"\f71d"}.fa-swords-laser:before{content:"\f93d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-telescope:before{content:"\f93e"}.fa-temperature-down:before{content:"\f93f"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-up:before{content:"\f940"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-size:before{content:"\f894"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d";padding:2px;}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-transporter:before{content:"\f942"}.fa-transporter-1:before{content:"\f943"}.fa-transporter-2:before{content:"\f944"}.fa-transporter-3:before{content:"\f945"}.fa-transporter-empty:before{content:"\f946"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-trash-undo:before{content:"\f895"}.fa-trash-undo-alt:before{content:"\f896"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-triangle-music:before{content:"\f8e2"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-trumpet:before{content:"\f8e3"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turntable:before{content:"\f8e4"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-alt:before{content:"\f8e5"}.fa-tv-music:before{content:"\f8e6"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typewriter:before{content:"\f8e7"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-ufo:before{content:"\f947"}.fa-ufo-beam:before{content:"\f948"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usb-drive:before{content:"\f8e9"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alien:before{content:"\f94a"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-cowboy:before{content:"\f8ea"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-music:before{content:"\f8eb"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-robot:before{content:"\f94b"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-user-visor:before{content:"\f94c"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-vacuum:before{content:"\f94d"}.fa-vacuum-robot:before{content:"\f94e"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vhs:before{content:"\f8ec"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-violin:before{content:"\f8ed"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-wagon-covered:before{content:"\f8ee"}.fa-walker:before{content:"\f831"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-washer:before{content:"\f898"}.fa-watch:before{content:"\f2e1"}.fa-watch-calculator:before{content:"\f8f0"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-sine:before{content:"\f899"}.fa-wave-square:before{content:"\f83e"}.fa-wave-triangle:before{content:"\f89a"}.fa-waveform:before{content:"\f8f1"}.fa-waveform-path:before{content:"\f8f2"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-turbine:before{content:"\f89b"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-frame:before{content:"\f94f"}.fa-window-frame-open:before{content:"\f950"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'font awesome 5 brands';font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:'font awesome 5 brands'}@font-face{font-family:'font awesome 5 duotone';font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-duotone-900.eot);src:url(../webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.woff) format("woff"),url(../webfonts/fa-duotone-900.ttf) format("truetype"),url(../webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:'font awesome 5 duotone';font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit);opacity:.4;opacity:var(--fa-secondary-opacity,0.4)}.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before{opacity:.4;opacity:var(--fa-secondary-opacity,0.4)}.fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse{color:#fff}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-stack-1x:before,.fad.fa-stack-2x:before,.fad.fa-fw:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-abacus:after{content:"\10f640"}.fad.fa-acorn:after{content:"\10f6ae"}.fad.fa-ad:after{content:"\10f641"}.fad.fa-address-book:after{content:"\10f2b9"}.fad.fa-address-card:after{content:"\10f2bb"}.fad.fa-adjust:after{content:"\10f042"}.fad.fa-air-conditioner:after{content:"\10f8f4"}.fad.fa-air-freshener:after{content:"\10f5d0"}.fad.fa-alarm-clock:after{content:"\10f34e"}.fad.fa-alarm-exclamation:after{content:"\10f843"}.fad.fa-alarm-plus:after{content:"\10f844"}.fad.fa-alarm-snooze:after{content:"\10f845"}.fad.fa-album:after{content:"\10f89f"}.fad.fa-album-collection:after{content:"\10f8a0"}.fad.fa-alicorn:after{content:"\10f6b0"}.fad.fa-alien:after{content:"\10f8f5"}.fad.fa-alien-monster:after{content:"\10f8f6"}.fad.fa-align-center:after{content:"\10f037"}.fad.fa-align-justify:after{content:"\10f039"}.fad.fa-align-left:after{content:"\10f036"}.fad.fa-align-right:after{content:"\10f038"}.fad.fa-align-slash:after{content:"\10f846"}.fad.fa-allergies:after{content:"\10f461"}.fad.fa-ambulance:after{content:"\10f0f9"}.fad.fa-american-sign-language-interpreting:after{content:"\10f2a3"}.fad.fa-amp-guitar:after{content:"\10f8a1"}.fad.fa-analytics:after{content:"\10f643"}.fad.fa-anchor:after{content:"\10f13d"}.fad.fa-angel:after{content:"\10f779"}.fad.fa-angle-double-down:after{content:"\10f103"}.fad.fa-angle-double-left:after{content:"\10f100"}.fad.fa-angle-double-right:after{content:"\10f101"}.fad.fa-angle-double-up:after{content:"\10f102"}.fad.fa-angle-down:after{content:"\10f107"}.fad.fa-angle-left:after{content:"\10f104"}.fad.fa-angle-right:after{content:"\10f105"}.fad.fa-angle-up:after{content:"\10f106"}.fad.fa-angry:after{content:"\10f556"}.fad.fa-ankh:after{content:"\10f644"}.fad.fa-apple-alt:after{content:"\10f5d1"}.fad.fa-apple-crate:after{content:"\10f6b1"}.fad.fa-archive:after{content:"\10f187"}.fad.fa-archway:after{content:"\10f557"}.fad.fa-arrow-alt-circle-down:after{content:"\10f358"}.fad.fa-arrow-alt-circle-left:after{content:"\10f359"}.fad.fa-arrow-alt-circle-right:after{content:"\10f35a"}.fad.fa-arrow-alt-circle-up:after{content:"\10f35b"}.fad.fa-arrow-alt-down:after{content:"\10f354"}.fad.fa-arrow-alt-from-bottom:after{content:"\10f346"}.fad.fa-arrow-alt-from-left:after{content:"\10f347"}.fad.fa-arrow-alt-from-right:after{content:"\10f348"}.fad.fa-arrow-alt-from-top:after{content:"\10f349"}.fad.fa-arrow-alt-left:after{content:"\10f355"}.fad.fa-arrow-alt-right:after{content:"\10f356"}.fad.fa-arrow-alt-square-down:after{content:"\10f350"}.fad.fa-arrow-alt-square-left:after{content:"\10f351"}.fad.fa-arrow-alt-square-right:after{content:"\10f352"}.fad.fa-arrow-alt-square-up:after{content:"\10f353"}.fad.fa-arrow-alt-to-bottom:after{content:"\10f34a"}.fad.fa-arrow-alt-to-left:after{content:"\10f34b"}.fad.fa-arrow-alt-to-right:after{content:"\10f34c"}.fad.fa-arrow-alt-to-top:after{content:"\10f34d"}.fad.fa-arrow-alt-up:after{content:"\10f357"}.fad.fa-arrow-circle-down:after{content:"\10f0ab"}.fad.fa-arrow-circle-left:after{content:"\10f0a8"}.fad.fa-arrow-circle-right:after{content:"\10f0a9"}.fad.fa-arrow-circle-up:after{content:"\10f0aa"}.fad.fa-arrow-down:after{content:"\10f063"}.fad.fa-arrow-from-bottom:after{content:"\10f342"}.fad.fa-arrow-from-left:after{content:"\10f343"}.fad.fa-arrow-from-right:after{content:"\10f344"}.fad.fa-arrow-from-top:after{content:"\10f345"}.fad.fa-arrow-left:after{content:"\10f060"}.fad.fa-arrow-right:after{content:"\10f061"}.fad.fa-arrow-square-down:after{content:"\10f339"}.fad.fa-arrow-square-left:after{content:"\10f33a"}.fad.fa-arrow-square-right:after{content:"\10f33b"}.fad.fa-arrow-square-up:after{content:"\10f33c"}.fad.fa-arrow-to-bottom:after{content:"\10f33d"}.fad.fa-arrow-to-left:after{content:"\10f33e"}.fad.fa-arrow-to-right:after{content:"\10f340"}.fad.fa-arrow-to-top:after{content:"\10f341"}.fad.fa-arrow-up:after{content:"\10f062"}.fad.fa-arrows:after{content:"\10f047"}.fad.fa-arrows-alt:after{content:"\10f0b2"}.fad.fa-arrows-alt-h:after{content:"\10f337"}.fad.fa-arrows-alt-v:after{content:"\10f338"}.fad.fa-arrows-h:after{content:"\10f07e"}.fad.fa-arrows-v:after{content:"\10f07d"}.fad.fa-assistive-listening-systems:after{content:"\10f2a2"}.fad.fa-asterisk:after{content:"\10f069"}.fad.fa-at:after{content:"\10f1fa"}.fad.fa-atlas:after{content:"\10f558"}.fad.fa-atom:after{content:"\10f5d2"}.fad.fa-atom-alt:after{content:"\10f5d3"}.fad.fa-audio-description:after{content:"\10f29e"}.fad.fa-award:after{content:"\10f559"}.fad.fa-axe:after{content:"\10f6b2"}.fad.fa-axe-battle:after{content:"\10f6b3"}.fad.fa-baby:after{content:"\10f77c"}.fad.fa-baby-carriage:after{content:"\10f77d"}.fad.fa-backpack:after{content:"\10f5d4"}.fad.fa-backspace:after{content:"\10f55a"}.fad.fa-backward:after{content:"\10f04a"}.fad.fa-bacon:after{content:"\10f7e5"}.fad.fa-badge:after{content:"\10f335"}.fad.fa-badge-check:after{content:"\10f336"}.fad.fa-badge-dollar:after{content:"\10f645"}.fad.fa-badge-percent:after{content:"\10f646"}.fad.fa-badge-sheriff:after{content:"\10f8a2"}.fad.fa-badger-honey:after{content:"\10f6b4"}.fad.fa-bags-shopping:after{content:"\10f847"}.fad.fa-bahai:after{content:"\10f666"}.fad.fa-balance-scale:after{content:"\10f24e"}.fad.fa-balance-scale-left:after{content:"\10f515"}.fad.fa-balance-scale-right:after{content:"\10f516"}.fad.fa-ball-pile:after{content:"\10f77e"}.fad.fa-ballot:after{content:"\10f732"}.fad.fa-ballot-check:after{content:"\10f733"}.fad.fa-ban:after{content:"\10f05e"}.fad.fa-band-aid:after{content:"\10f462"}.fad.fa-banjo:after{content:"\10f8a3"}.fad.fa-barcode:after{content:"\10f02a"}.fad.fa-barcode-alt:after{content:"\10f463"}.fad.fa-barcode-read:after{content:"\10f464"}.fad.fa-barcode-scan:after{content:"\10f465"}.fad.fa-bars:after{content:"\10f0c9"}.fad.fa-baseball:after{content:"\10f432"}.fad.fa-baseball-ball:after{content:"\10f433"}.fad.fa-basketball-ball:after{content:"\10f434"}.fad.fa-basketball-hoop:after{content:"\10f435"}.fad.fa-bat:after{content:"\10f6b5"}.fad.fa-bath:after{content:"\10f2cd"}.fad.fa-battery-bolt:after{content:"\10f376"}.fad.fa-battery-empty:after{content:"\10f244"}.fad.fa-battery-full:after{content:"\10f240"}.fad.fa-battery-half:after{content:"\10f242"}.fad.fa-battery-quarter:after{content:"\10f243"}.fad.fa-battery-slash:after{content:"\10f377"}.fad.fa-battery-three-quarters:after{content:"\10f241"}.fad.fa-bed:after{content:"\10f236"}.fad.fa-bed-alt:after{content:"\10f8f7"}.fad.fa-bed-bunk:after{content:"\10f8f8"}.fad.fa-bed-empty:after{content:"\10f8f9"}.fad.fa-beer:after{content:"\10f0fc"}.fad.fa-bell:after{content:"\10f0f3"}.fad.fa-bell-exclamation:after{content:"\10f848"}.fad.fa-bell-on:after{content:"\10f8fa"}.fad.fa-bell-plus:after{content:"\10f849"}.fad.fa-bell-school:after{content:"\10f5d5"}.fad.fa-bell-school-slash:after{content:"\10f5d6"}.fad.fa-bell-slash:after{content:"\10f1f6"}.fad.fa-bells:after{content:"\10f77f"}.fad.fa-betamax:after{content:"\10f8a4"}.fad.fa-bezier-curve:after{content:"\10f55b"}.fad.fa-bible:after{content:"\10f647"}.fad.fa-bicycle:after{content:"\10f206"}.fad.fa-biking:after{content:"\10f84a"}.fad.fa-biking-mountain:after{content:"\10f84b"}.fad.fa-binoculars:after{content:"\10f1e5"}.fad.fa-biohazard:after{content:"\10f780"}.fad.fa-birthday-cake:after{content:"\10f1fd"}.fad.fa-blanket:after{content:"\10f498"}.fad.fa-blender:after{content:"\10f517"}.fad.fa-blender-phone:after{content:"\10f6b6"}.fad.fa-blind:after{content:"\10f29d"}.fad.fa-blinds:after{content:"\10f8fb"}.fad.fa-blinds-open:after{content:"\10f8fc"}.fad.fa-blinds-raised:after{content:"\10f8fd"}.fad.fa-blog:after{content:"\10f781"}.fad.fa-bold:after{content:"\10f032"}.fad.fa-bolt:after{content:"\10f0e7"}.fad.fa-bomb:after{content:"\10f1e2"}.fad.fa-bone:after{content:"\10f5d7"}.fad.fa-bone-break:after{content:"\10f5d8"}.fad.fa-bong:after{content:"\10f55c"}.fad.fa-book:after{content:"\10f02d"}.fad.fa-book-alt:after{content:"\10f5d9"}.fad.fa-book-dead:after{content:"\10f6b7"}.fad.fa-book-heart:after{content:"\10f499"}.fad.fa-book-medical:after{content:"\10f7e6"}.fad.fa-book-open:after{content:"\10f518"}.fad.fa-book-reader:after{content:"\10f5da"}.fad.fa-book-spells:after{content:"\10f6b8"}.fad.fa-book-user:after{content:"\10f7e7"}.fad.fa-bookmark:after{content:"\10f02e"}.fad.fa-books:after{content:"\10f5db"}.fad.fa-books-medical:after{content:"\10f7e8"}.fad.fa-boombox:after{content:"\10f8a5"}.fad.fa-boot:after{content:"\10f782"}.fad.fa-booth-curtain:after{content:"\10f734"}.fad.fa-border-all:after{content:"\10f84c"}.fad.fa-border-bottom:after{content:"\10f84d"}.fad.fa-border-center-h:after{content:"\10f89c"}.fad.fa-border-center-v:after{content:"\10f89d"}.fad.fa-border-inner:after{content:"\10f84e"}.fad.fa-border-left:after{content:"\10f84f"}.fad.fa-border-none:after{content:"\10f850"}.fad.fa-border-outer:after{content:"\10f851"}.fad.fa-border-right:after{content:"\10f852"}.fad.fa-border-style:after{content:"\10f853"}.fad.fa-border-style-alt:after{content:"\10f854"}.fad.fa-border-top:after{content:"\10f855"}.fad.fa-bow-arrow:after{content:"\10f6b9"}.fad.fa-bowling-ball:after{content:"\10f436"}.fad.fa-bowling-pins:after{content:"\10f437"}.fad.fa-box:after{content:"\10f466"}.fad.fa-box-alt:after{content:"\10f49a"}.fad.fa-box-ballot:after{content:"\10f735"}.fad.fa-box-check:after{content:"\10f467"}.fad.fa-box-fragile:after{content:"\10f49b"}.fad.fa-box-full:after{content:"\10f49c"}.fad.fa-box-heart:after{content:"\10f49d"}.fad.fa-box-open:after{content:"\10f49e"}.fad.fa-box-up:after{content:"\10f49f"}.fad.fa-box-usd:after{content:"\10f4a0"}.fad.fa-boxes:after{content:"\10f468"}.fad.fa-boxes-alt:after{content:"\10f4a1"}.fad.fa-boxing-glove:after{content:"\10f438"}.fad.fa-brackets:after{content:"\10f7e9"}.fad.fa-brackets-curly:after{content:"\10f7ea"}.fad.fa-braille:after{content:"\10f2a1"}.fad.fa-brain:after{content:"\10f5dc"}.fad.fa-bread-loaf:after{content:"\10f7eb"}.fad.fa-bread-slice:after{content:"\10f7ec"}.fad.fa-briefcase:after{content:"\10f0b1"}.fad.fa-briefcase-medical:after{content:"\10f469"}.fad.fa-bring-forward:after{content:"\10f856"}.fad.fa-bring-front:after{content:"\10f857"}.fad.fa-broadcast-tower:after{content:"\10f519"}.fad.fa-broom:after{content:"\10f51a"}.fad.fa-browser:after{content:"\10f37e"}.fad.fa-brush:after{content:"\10f55d"}.fad.fa-bug:after{content:"\10f188"}.fad.fa-building:after{content:"\10f1ad"}.fad.fa-bullhorn:after{content:"\10f0a1"}.fad.fa-bullseye:after{content:"\10f140"}.fad.fa-bullseye-arrow:after{content:"\10f648"}.fad.fa-bullseye-pointer:after{content:"\10f649"}.fad.fa-burger-soda:after{content:"\10f858"}.fad.fa-burn:after{content:"\10f46a"}.fad.fa-burrito:after{content:"\10f7ed"}.fad.fa-bus:after{content:"\10f207"}.fad.fa-bus-alt:after{content:"\10f55e"}.fad.fa-bus-school:after{content:"\10f5dd"}.fad.fa-business-time:after{content:"\10f64a"}.fad.fa-cabinet-filing:after{content:"\10f64b"}.fad.fa-cactus:after{content:"\10f8a7"}.fad.fa-calculator:after{content:"\10f1ec"}.fad.fa-calculator-alt:after{content:"\10f64c"}.fad.fa-calendar:after{content:"\10f133"}.fad.fa-calendar-alt:after{content:"\10f073"}.fad.fa-calendar-check:after{content:"\10f274"}.fad.fa-calendar-day:after{content:"\10f783"}.fad.fa-calendar-edit:after{content:"\10f333"}.fad.fa-calendar-exclamation:after{content:"\10f334"}.fad.fa-calendar-minus:after{content:"\10f272"}.fad.fa-calendar-plus:after{content:"\10f271"}.fad.fa-calendar-star:after{content:"\10f736"}.fad.fa-calendar-times:after{content:"\10f273"}.fad.fa-calendar-week:after{content:"\10f784"}.fad.fa-camcorder:after{content:"\10f8a8"}.fad.fa-camera:after{content:"\10f030"}.fad.fa-camera-alt:after{content:"\10f332"}.fad.fa-camera-home:after{content:"\10f8fe"}.fad.fa-camera-movie:after{content:"\10f8a9"}.fad.fa-camera-polaroid:after{content:"\10f8aa"}.fad.fa-camera-retro:after{content:"\10f083"}.fad.fa-campfire:after{content:"\10f6ba"}.fad.fa-campground:after{content:"\10f6bb"}.fad.fa-candle-holder:after{content:"\10f6bc"}.fad.fa-candy-cane:after{content:"\10f786"}.fad.fa-candy-corn:after{content:"\10f6bd"}.fad.fa-cannabis:after{content:"\10f55f"}.fad.fa-capsules:after{content:"\10f46b"}.fad.fa-car:after{content:"\10f1b9"}.fad.fa-car-alt:after{content:"\10f5de"}.fad.fa-car-battery:after{content:"\10f5df"}.fad.fa-car-building:after{content:"\10f859"}.fad.fa-car-bump:after{content:"\10f5e0"}.fad.fa-car-bus:after{content:"\10f85a"}.fad.fa-car-crash:after{content:"\10f5e1"}.fad.fa-car-garage:after{content:"\10f5e2"}.fad.fa-car-mechanic:after{content:"\10f5e3"}.fad.fa-car-side:after{content:"\10f5e4"}.fad.fa-car-tilt:after{content:"\10f5e5"}.fad.fa-car-wash:after{content:"\10f5e6"}.fad.fa-caravan:after{content:"\10f8ff"}.fad.fa-caravan-alt:after{content:"\10f900"}.fad.fa-caret-circle-down:after{content:"\10f32d"}.fad.fa-caret-circle-left:after{content:"\10f32e"}.fad.fa-caret-circle-right:after{content:"\10f330"}.fad.fa-caret-circle-up:after{content:"\10f331"}.fad.fa-caret-down:after{content:"\10f0d7"}.fad.fa-caret-left:after{content:"\10f0d9"}.fad.fa-caret-right:after{content:"\10f0da"}.fad.fa-caret-square-down:after{content:"\10f150"}.fad.fa-caret-square-left:after{content:"\10f191"}.fad.fa-caret-square-right:after{content:"\10f152"}.fad.fa-caret-square-up:after{content:"\10f151"}.fad.fa-caret-up:after{content:"\10f0d8"}.fad.fa-carrot:after{content:"\10f787"}.fad.fa-cars:after{content:"\10f85b"}.fad.fa-cart-arrow-down:after{content:"\10f218"}.fad.fa-cart-plus:after{content:"\10f217"}.fad.fa-cash-register:after{content:"\10f788"}.fad.fa-cassette-tape:after{content:"\10f8ab"}.fad.fa-cat:after{content:"\10f6be"}.fad.fa-cat-space:after{content:"\10f901"}.fad.fa-cauldron:after{content:"\10f6bf"}.fad.fa-cctv:after{content:"\10f8ac"}.fad.fa-certificate:after{content:"\10f0a3"}.fad.fa-chair:after{content:"\10f6c0"}.fad.fa-chair-office:after{content:"\10f6c1"}.fad.fa-chalkboard:after{content:"\10f51b"}.fad.fa-chalkboard-teacher:after{content:"\10f51c"}.fad.fa-charging-station:after{content:"\10f5e7"}.fad.fa-chart-area:after{content:"\10f1fe"}.fad.fa-chart-bar:after{content:"\10f080"}.fad.fa-chart-line:after{content:"\10f201"}.fad.fa-chart-line-down:after{content:"\10f64d"}.fad.fa-chart-network:after{content:"\10f78a"}.fad.fa-chart-pie:after{content:"\10f200"}.fad.fa-chart-pie-alt:after{content:"\10f64e"}.fad.fa-chart-scatter:after{content:"\10f7ee"}.fad.fa-check:after{content:"\10f00c"}.fad.fa-check-circle:after{content:"\10f058"}.fad.fa-check-double:after{content:"\10f560"}.fad.fa-check-square:after{content:"\10f14a"}.fad.fa-cheese:after{content:"\10f7ef"}.fad.fa-cheese-swiss:after{content:"\10f7f0"}.fad.fa-cheeseburger:after{content:"\10f7f1"}.fad.fa-chess:after{content:"\10f439"}.fad.fa-chess-bishop:after{content:"\10f43a"}.fad.fa-chess-bishop-alt:after{content:"\10f43b"}.fad.fa-chess-board:after{content:"\10f43c"}.fad.fa-chess-clock:after{content:"\10f43d"}.fad.fa-chess-clock-alt:after{content:"\10f43e"}.fad.fa-chess-king:after{content:"\10f43f"}.fad.fa-chess-king-alt:after{content:"\10f440"}.fad.fa-chess-knight:after{content:"\10f441"}.fad.fa-chess-knight-alt:after{content:"\10f442"}.fad.fa-chess-pawn:after{content:"\10f443"}.fad.fa-chess-pawn-alt:after{content:"\10f444"}.fad.fa-chess-queen:after{content:"\10f445"}.fad.fa-chess-queen-alt:after{content:"\10f446"}.fad.fa-chess-rook:after{content:"\10f447"}.fad.fa-chess-rook-alt:after{content:"\10f448"}.fad.fa-chevron-circle-down:after{content:"\10f13a"}.fad.fa-chevron-circle-left:after{content:"\10f137"}.fad.fa-chevron-circle-right:after{content:"\10f138"}.fad.fa-chevron-circle-up:after{content:"\10f139"}.fad.fa-chevron-double-down:after{content:"\10f322"}.fad.fa-chevron-double-left:after{content:"\10f323"}.fad.fa-chevron-double-right:after{content:"\10f324"}.fad.fa-chevron-double-up:after{content:"\10f325"}.fad.fa-chevron-down:after{content:"\10f078"}.fad.fa-chevron-left:after{content:"\10f053"}.fad.fa-chevron-right:after{content:"\10f054"}.fad.fa-chevron-square-down:after{content:"\10f329"}.fad.fa-chevron-square-left:after{content:"\10f32a"}.fad.fa-chevron-square-right:after{content:"\10f32b"}.fad.fa-chevron-square-up:after{content:"\10f32c"}.fad.fa-chevron-up:after{content:"\10f077"}.fad.fa-child:after{content:"\10f1ae"}.fad.fa-chimney:after{content:"\10f78b"}.fad.fa-church:after{content:"\10f51d"}.fad.fa-circle:after{content:"\10f111"}.fad.fa-circle-notch:after{content:"\10f1ce"}.fad.fa-city:after{content:"\10f64f"}.fad.fa-clarinet:after{content:"\10f8ad"}.fad.fa-claw-marks:after{content:"\10f6c2"}.fad.fa-clinic-medical:after{content:"\10f7f2"}.fad.fa-clipboard:after{content:"\10f328"}.fad.fa-clipboard-check:after{content:"\10f46c"}.fad.fa-clipboard-list:after{content:"\10f46d"}.fad.fa-clipboard-list-check:after{content:"\10f737"}.fad.fa-clipboard-prescription:after{content:"\10f5e8"}.fad.fa-clipboard-user:after{content:"\10f7f3"}.fad.fa-clock:after{content:"\10f017"}.fad.fa-clone:after{content:"\10f24d"}.fad.fa-closed-captioning:after{content:"\10f20a"}.fad.fa-cloud:after{content:"\10f0c2"}.fad.fa-cloud-download:after{content:"\10f0ed"}.fad.fa-cloud-download-alt:after{content:"\10f381"}.fad.fa-cloud-drizzle:after{content:"\10f738"}.fad.fa-cloud-hail:after{content:"\10f739"}.fad.fa-cloud-hail-mixed:after{content:"\10f73a"}.fad.fa-cloud-meatball:after{content:"\10f73b"}.fad.fa-cloud-moon:after{content:"\10f6c3"}.fad.fa-cloud-moon-rain:after{content:"\10f73c"}.fad.fa-cloud-music:after{content:"\10f8ae"}.fad.fa-cloud-rain:after{content:"\10f73d"}.fad.fa-cloud-rainbow:after{content:"\10f73e"}.fad.fa-cloud-showers:after{content:"\10f73f"}.fad.fa-cloud-showers-heavy:after{content:"\10f740"}.fad.fa-cloud-sleet:after{content:"\10f741"}.fad.fa-cloud-snow:after{content:"\10f742"}.fad.fa-cloud-sun:after{content:"\10f6c4"}.fad.fa-cloud-sun-rain:after{content:"\10f743"}.fad.fa-cloud-upload:after{content:"\10f0ee"}.fad.fa-cloud-upload-alt:after{content:"\10f382"}.fad.fa-clouds:after{content:"\10f744"}.fad.fa-clouds-moon:after{content:"\10f745"}.fad.fa-clouds-sun:after{content:"\10f746"}.fad.fa-club:after{content:"\10f327"}.fad.fa-cocktail:after{content:"\10f561"}.fad.fa-code:after{content:"\10f121"}.fad.fa-code-branch:after{content:"\10f126"}.fad.fa-code-commit:after{content:"\10f386"}.fad.fa-code-merge:after{content:"\10f387"}.fad.fa-coffee:after{content:"\10f0f4"}.fad.fa-coffee-pot:after{content:"\10f902"}.fad.fa-coffee-togo:after{content:"\10f6c5"}.fad.fa-coffin:after{content:"\10f6c6"}.fad.fa-cog:after{content:"\10f013"}.fad.fa-cogs:after{content:"\10f085"}.fad.fa-coin:after{content:"\10f85c"}.fad.fa-coins:after{content:"\10f51e"}.fad.fa-columns:after{content:"\10f0db"}.fad.fa-comet:after{content:"\10f903"}.fad.fa-comment:after{content:"\10f075"}.fad.fa-comment-alt:after{content:"\10f27a"}.fad.fa-comment-alt-check:after{content:"\10f4a2"}.fad.fa-comment-alt-dollar:after{content:"\10f650"}.fad.fa-comment-alt-dots:after{content:"\10f4a3"}.fad.fa-comment-alt-edit:after{content:"\10f4a4"}.fad.fa-comment-alt-exclamation:after{content:"\10f4a5"}.fad.fa-comment-alt-lines:after{content:"\10f4a6"}.fad.fa-comment-alt-medical:after{content:"\10f7f4"}.fad.fa-comment-alt-minus:after{content:"\10f4a7"}.fad.fa-comment-alt-music:after{content:"\10f8af"}.fad.fa-comment-alt-plus:after{content:"\10f4a8"}.fad.fa-comment-alt-slash:after{content:"\10f4a9"}.fad.fa-comment-alt-smile:after{content:"\10f4aa"}.fad.fa-comment-alt-times:after{content:"\10f4ab"}.fad.fa-comment-check:after{content:"\10f4ac"}.fad.fa-comment-dollar:after{content:"\10f651"}.fad.fa-comment-dots:after{content:"\10f4ad"}.fad.fa-comment-edit:after{content:"\10f4ae"}.fad.fa-comment-exclamation:after{content:"\10f4af"}.fad.fa-comment-lines:after{content:"\10f4b0"}.fad.fa-comment-medical:after{content:"\10f7f5"}.fad.fa-comment-minus:after{content:"\10f4b1"}.fad.fa-comment-music:after{content:"\10f8b0"}.fad.fa-comment-plus:after{content:"\10f4b2"}.fad.fa-comment-slash:after{content:"\10f4b3"}.fad.fa-comment-smile:after{content:"\10f4b4"}.fad.fa-comment-times:after{content:"\10f4b5"}.fad.fa-comments:after{content:"\10f086"}.fad.fa-comments-alt:after{content:"\10f4b6"}.fad.fa-comments-alt-dollar:after{content:"\10f652"}.fad.fa-comments-dollar:after{content:"\10f653"}.fad.fa-compact-disc:after{content:"\10f51f"}.fad.fa-compass:after{content:"\10f14e"}.fad.fa-compass-slash:after{content:"\10f5e9"}.fad.fa-compress:after{content:"\10f066"}.fad.fa-compress-alt:after{content:"\10f422"}.fad.fa-compress-arrows-alt:after{content:"\10f78c"}.fad.fa-compress-wide:after{content:"\10f326"}.fad.fa-computer-classic:after{content:"\10f8b1"}.fad.fa-computer-speaker:after{content:"\10f8b2"}.fad.fa-concierge-bell:after{content:"\10f562"}.fad.fa-construction:after{content:"\10f85d"}.fad.fa-container-storage:after{content:"\10f4b7"}.fad.fa-conveyor-belt:after{content:"\10f46e"}.fad.fa-conveyor-belt-alt:after{content:"\10f46f"}.fad.fa-cookie:after{content:"\10f563"}.fad.fa-cookie-bite:after{content:"\10f564"}.fad.fa-copy:after{content:"\10f0c5"}.fad.fa-copyright:after{content:"\10f1f9"}.fad.fa-corn:after{content:"\10f6c7"}.fad.fa-couch:after{content:"\10f4b8"}.fad.fa-cow:after{content:"\10f6c8"}.fad.fa-cowbell:after{content:"\10f8b3"}.fad.fa-cowbell-more:after{content:"\10f8b4"}.fad.fa-credit-card:after{content:"\10f09d"}.fad.fa-credit-card-blank:after{content:"\10f389"}.fad.fa-credit-card-front:after{content:"\10f38a"}.fad.fa-cricket:after{content:"\10f449"}.fad.fa-croissant:after{content:"\10f7f6"}.fad.fa-crop:after{content:"\10f125"}.fad.fa-crop-alt:after{content:"\10f565"}.fad.fa-cross:after{content:"\10f654"}.fad.fa-crosshairs:after{content:"\10f05b"}.fad.fa-crow:after{content:"\10f520"}.fad.fa-crown:after{content:"\10f521"}.fad.fa-crutch:after{content:"\10f7f7"}.fad.fa-crutches:after{content:"\10f7f8"}.fad.fa-cube:after{content:"\10f1b2"}.fad.fa-cubes:after{content:"\10f1b3"}.fad.fa-curling:after{content:"\10f44a"}.fad.fa-cut:after{content:"\10f0c4"}.fad.fa-dagger:after{content:"\10f6cb"}.fad.fa-database:after{content:"\10f1c0"}.fad.fa-deaf:after{content:"\10f2a4"}.fad.fa-debug:after{content:"\10f7f9"}.fad.fa-deer:after{content:"\10f78e"}.fad.fa-deer-rudolph:after{content:"\10f78f"}.fad.fa-democrat:after{content:"\10f747"}.fad.fa-desktop:after{content:"\10f108"}.fad.fa-desktop-alt:after{content:"\10f390"}.fad.fa-dewpoint:after{content:"\10f748"}.fad.fa-dharmachakra:after{content:"\10f655"}.fad.fa-diagnoses:after{content:"\10f470"}.fad.fa-diamond:after{content:"\10f219"}.fad.fa-dice:after{content:"\10f522"}.fad.fa-dice-d10:after{content:"\10f6cd"}.fad.fa-dice-d12:after{content:"\10f6ce"}.fad.fa-dice-d20:after{content:"\10f6cf"}.fad.fa-dice-d4:after{content:"\10f6d0"}.fad.fa-dice-d6:after{content:"\10f6d1"}.fad.fa-dice-d8:after{content:"\10f6d2"}.fad.fa-dice-five:after{content:"\10f523"}.fad.fa-dice-four:after{content:"\10f524"}.fad.fa-dice-one:after{content:"\10f525"}.fad.fa-dice-six:after{content:"\10f526"}.fad.fa-dice-three:after{content:"\10f527"}.fad.fa-dice-two:after{content:"\10f528"}.fad.fa-digging:after{content:"\10f85e"}.fad.fa-digital-tachograph:after{content:"\10f566"}.fad.fa-diploma:after{content:"\10f5ea"}.fad.fa-directions:after{content:"\10f5eb"}.fad.fa-disc-drive:after{content:"\10f8b5"}.fad.fa-disease:after{content:"\10f7fa"}.fad.fa-divide:after{content:"\10f529"}.fad.fa-dizzy:after{content:"\10f567"}.fad.fa-dna:after{content:"\10f471"}.fad.fa-do-not-enter:after{content:"\10f5ec"}.fad.fa-dog:after{content:"\10f6d3"}.fad.fa-dog-leashed:after{content:"\10f6d4"}.fad.fa-dollar-sign:after{content:"\10f155"}.fad.fa-dolly:after{content:"\10f472"}.fad.fa-dolly-empty:after{content:"\10f473"}.fad.fa-dolly-flatbed:after{content:"\10f474"}.fad.fa-dolly-flatbed-alt:after{content:"\10f475"}.fad.fa-dolly-flatbed-empty:after{content:"\10f476"}.fad.fa-donate:after{content:"\10f4b9"}.fad.fa-door-closed:after{content:"\10f52a"}.fad.fa-door-open:after{content:"\10f52b"}.fad.fa-dot-circle:after{content:"\10f192"}.fad.fa-dove:after{content:"\10f4ba"}.fad.fa-download:after{content:"\10f019"}.fad.fa-drafting-compass:after{content:"\10f568"}.fad.fa-dragon:after{content:"\10f6d5"}.fad.fa-draw-circle:after{content:"\10f5ed"}.fad.fa-draw-polygon:after{content:"\10f5ee"}.fad.fa-draw-square:after{content:"\10f5ef"}.fad.fa-dreidel:after{content:"\10f792"}.fad.fa-drone:after{content:"\10f85f"}.fad.fa-drone-alt:after{content:"\10f860"}.fad.fa-drum:after{content:"\10f569"}.fad.fa-drum-steelpan:after{content:"\10f56a"}.fad.fa-drumstick:after{content:"\10f6d6"}.fad.fa-drumstick-bite:after{content:"\10f6d7"}.fad.fa-dryer:after{content:"\10f861"}.fad.fa-dryer-alt:after{content:"\10f862"}.fad.fa-duck:after{content:"\10f6d8"}.fad.fa-dumbbell:after{content:"\10f44b"}.fad.fa-dumpster:after{content:"\10f793"}.fad.fa-dumpster-fire:after{content:"\10f794"}.fad.fa-dungeon:after{content:"\10f6d9"}.fad.fa-ear:after{content:"\10f5f0"}.fad.fa-ear-muffs:after{content:"\10f795"}.fad.fa-eclipse:after{content:"\10f749"}.fad.fa-eclipse-alt:after{content:"\10f74a"}.fad.fa-edit:after{content:"\10f044"}.fad.fa-egg:after{content:"\10f7fb"}.fad.fa-egg-fried:after{content:"\10f7fc"}.fad.fa-eject:after{content:"\10f052"}.fad.fa-elephant:after{content:"\10f6da"}.fad.fa-ellipsis-h:after{content:"\10f141"}.fad.fa-ellipsis-h-alt:after{content:"\10f39b"}.fad.fa-ellipsis-v:after{content:"\10f142"}.fad.fa-ellipsis-v-alt:after{content:"\10f39c"}.fad.fa-empty-set:after{content:"\10f656"}.fad.fa-engine-warning:after{content:"\10f5f2"}.fad.fa-envelope:after{content:"\10f0e0"}.fad.fa-envelope-open:after{content:"\10f2b6"}.fad.fa-envelope-open-dollar:after{content:"\10f657"}.fad.fa-envelope-open-text:after{content:"\10f658"}.fad.fa-envelope-square:after{content:"\10f199"}.fad.fa-equals:after{content:"\10f52c"}.fad.fa-eraser:after{content:"\10f12d"}.fad.fa-ethernet:after{content:"\10f796"}.fad.fa-euro-sign:after{content:"\10f153"}.fad.fa-exchange:after{content:"\10f0ec"}.fad.fa-exchange-alt:after{content:"\10f362"}.fad.fa-exclamation:after{content:"\10f12a"}.fad.fa-exclamation-circle:after{content:"\10f06a"}.fad.fa-exclamation-square:after{content:"\10f321"}.fad.fa-exclamation-triangle:after{content:"\10f071"}.fad.fa-expand:after{content:"\10f065"}.fad.fa-expand-alt:after{content:"\10f424"}.fad.fa-expand-arrows:after{content:"\10f31d"}.fad.fa-expand-arrows-alt:after{content:"\10f31e"}.fad.fa-expand-wide:after{content:"\10f320"}.fad.fa-external-link:after{content:"\10f08e"}.fad.fa-external-link-alt:after{content:"\10f35d"}.fad.fa-external-link-square:after{content:"\10f14c"}.fad.fa-external-link-square-alt:after{content:"\10f360"}.fad.fa-eye:after{content:"\10f06e"}.fad.fa-eye-dropper:after{content:"\10f1fb"}.fad.fa-eye-evil:after{content:"\10f6db"}.fad.fa-eye-slash:after{content:"\10f070"}.fad.fa-fan:after{content:"\10f863"}.fad.fa-fan-table:after{content:"\10f904"}.fad.fa-farm:after{content:"\10f864"}.fad.fa-fast-backward:after{content:"\10f049"}.fad.fa-fast-forward:after{content:"\10f050"}.fad.fa-faucet:after{content:"\10f905"}.fad.fa-faucet-drip:after{content:"\10f906"}.fad.fa-fax:after{content:"\10f1ac"}.fad.fa-feather:after{content:"\10f52d"}.fad.fa-feather-alt:after{content:"\10f56b"}.fad.fa-female:after{content:"\10f182"}.fad.fa-field-hockey:after{content:"\10f44c"}.fad.fa-fighter-jet:after{content:"\10f0fb"}.fad.fa-file:after{content:"\10f15b"}.fad.fa-file-alt:after{content:"\10f15c"}.fad.fa-file-archive:after{content:"\10f1c6"}.fad.fa-file-audio:after{content:"\10f1c7"}.fad.fa-file-certificate:after{content:"\10f5f3"}.fad.fa-file-chart-line:after{content:"\10f659"}.fad.fa-file-chart-pie:after{content:"\10f65a"}.fad.fa-file-check:after{content:"\10f316"}.fad.fa-file-code:after{content:"\10f1c9"}.fad.fa-file-contract:after{content:"\10f56c"}.fad.fa-file-csv:after{content:"\10f6dd"}.fad.fa-file-download:after{content:"\10f56d"}.fad.fa-file-edit:after{content:"\10f31c"}.fad.fa-file-excel:after{content:"\10f1c3"}.fad.fa-file-exclamation:after{content:"\10f31a"}.fad.fa-file-export:after{content:"\10f56e"}.fad.fa-file-image:after{content:"\10f1c5"}.fad.fa-file-import:after{content:"\10f56f"}.fad.fa-file-invoice:after{content:"\10f570"}.fad.fa-file-invoice-dollar:after{content:"\10f571"}.fad.fa-file-medical:after{content:"\10f477"}.fad.fa-file-medical-alt:after{content:"\10f478"}.fad.fa-file-minus:after{content:"\10f318"}.fad.fa-file-music:after{content:"\10f8b6"}.fad.fa-file-pdf:after{content:"\10f1c1"}.fad.fa-file-plus:after{content:"\10f319"}.fad.fa-file-powerpoint:after{content:"\10f1c4"}.fad.fa-file-prescription:after{content:"\10f572"}.fad.fa-file-search:after{content:"\10f865"}.fad.fa-file-signature:after{content:"\10f573"}.fad.fa-file-spreadsheet:after{content:"\10f65b"}.fad.fa-file-times:after{content:"\10f317"}.fad.fa-file-upload:after{content:"\10f574"}.fad.fa-file-user:after{content:"\10f65c"}.fad.fa-file-video:after{content:"\10f1c8"}.fad.fa-file-word:after{content:"\10f1c2"}.fad.fa-files-medical:after{content:"\10f7fd"}.fad.fa-fill:after{content:"\10f575"}.fad.fa-fill-drip:after{content:"\10f576"}.fad.fa-film:after{content:"\10f008"}.fad.fa-film-alt:after{content:"\10f3a0"}.fad.fa-film-canister:after{content:"\10f8b7"}.fad.fa-filter:after{content:"\10f0b0"}.fad.fa-fingerprint:after{content:"\10f577"}.fad.fa-fire:after{content:"\10f06d"}.fad.fa-fire-alt:after{content:"\10f7e4"}.fad.fa-fire-extinguisher:after{content:"\10f134"}.fad.fa-fire-smoke:after{content:"\10f74b"}.fad.fa-fireplace:after{content:"\10f79a"}.fad.fa-first-aid:after{content:"\10f479"}.fad.fa-fish:after{content:"\10f578"}.fad.fa-fish-cooked:after{content:"\10f7fe"}.fad.fa-fist-raised:after{content:"\10f6de"}.fad.fa-flag:after{content:"\10f024"}.fad.fa-flag-alt:after{content:"\10f74c"}.fad.fa-flag-checkered:after{content:"\10f11e"}.fad.fa-flag-usa:after{content:"\10f74d"}.fad.fa-flame:after{content:"\10f6df"}.fad.fa-flashlight:after{content:"\10f8b8"}.fad.fa-flask:after{content:"\10f0c3"}.fad.fa-flask-poison:after{content:"\10f6e0"}.fad.fa-flask-potion:after{content:"\10f6e1"}.fad.fa-flower:after{content:"\10f7ff"}.fad.fa-flower-daffodil:after{content:"\10f800"}.fad.fa-flower-tulip:after{content:"\10f801"}.fad.fa-flushed:after{content:"\10f579"}.fad.fa-flute:after{content:"\10f8b9"}.fad.fa-flux-capacitor:after{content:"\10f8ba"}.fad.fa-fog:after{content:"\10f74e"}.fad.fa-folder:after{content:"\10f07b"}.fad.fa-folder-minus:after{content:"\10f65d"}.fad.fa-folder-open:after{content:"\10f07c"}.fad.fa-folder-plus:after{content:"\10f65e"}.fad.fa-folder-times:after{content:"\10f65f"}.fad.fa-folder-tree:after{content:"\10f802"}.fad.fa-folders:after{content:"\10f660"}.fad.fa-font:after{content:"\10f031"}.fad.fa-font-awesome-logo-full:after{content:"\10f4e6"}.fad.fa-font-case:after{content:"\10f866"}.fad.fa-football-ball:after{content:"\10f44e"}.fad.fa-football-helmet:after{content:"\10f44f"}.fad.fa-forklift:after{content:"\10f47a"}.fad.fa-forward:after{content:"\10f04e"}.fad.fa-fragile:after{content:"\10f4bb"}.fad.fa-french-fries:after{content:"\10f803"}.fad.fa-frog:after{content:"\10f52e"}.fad.fa-frosty-head:after{content:"\10f79b"}.fad.fa-frown:after{content:"\10f119"}.fad.fa-frown-open:after{content:"\10f57a"}.fad.fa-function:after{content:"\10f661"}.fad.fa-funnel-dollar:after{content:"\10f662"}.fad.fa-futbol:after{content:"\10f1e3"}.fad.fa-galaxy:after{content:"\10f908"}.fad.fa-game-board:after{content:"\10f867"}.fad.fa-game-board-alt:after{content:"\10f868"}.fad.fa-game-console-handheld:after{content:"\10f8bb"}.fad.fa-gamepad:after{content:"\10f11b"}.fad.fa-gamepad-alt:after{content:"\10f8bc"}.fad.fa-garage:after{content:"\10f909"}.fad.fa-garage-car:after{content:"\10f90a"}.fad.fa-garage-open:after{content:"\10f90b"}.fad.fa-gas-pump:after{content:"\10f52f"}.fad.fa-gas-pump-slash:after{content:"\10f5f4"}.fad.fa-gavel:after{content:"\10f0e3"}.fad.fa-gem:after{content:"\10f3a5"}.fad.fa-genderless:after{content:"\10f22d"}.fad.fa-ghost:after{content:"\10f6e2"}.fad.fa-gift:after{content:"\10f06b"}.fad.fa-gift-card:after{content:"\10f663"}.fad.fa-gifts:after{content:"\10f79c"}.fad.fa-gingerbread-man:after{content:"\10f79d"}.fad.fa-glass:after{content:"\10f804"}.fad.fa-glass-champagne:after{content:"\10f79e"}.fad.fa-glass-cheers:after{content:"\10f79f"}.fad.fa-glass-citrus:after{content:"\10f869"}.fad.fa-glass-martini:after{content:"\10f000"}.fad.fa-glass-martini-alt:after{content:"\10f57b"}.fad.fa-glass-whiskey:after{content:"\10f7a0"}.fad.fa-glass-whiskey-rocks:after{content:"\10f7a1"}.fad.fa-glasses:after{content:"\10f530"}.fad.fa-glasses-alt:after{content:"\10f5f5"}.fad.fa-globe:after{content:"\10f0ac"}.fad.fa-globe-africa:after{content:"\10f57c"}.fad.fa-globe-americas:after{content:"\10f57d"}.fad.fa-globe-asia:after{content:"\10f57e"}.fad.fa-globe-europe:after{content:"\10f7a2"}.fad.fa-globe-snow:after{content:"\10f7a3"}.fad.fa-globe-stand:after{content:"\10f5f6"}.fad.fa-golf-ball:after{content:"\10f450"}.fad.fa-golf-club:after{content:"\10f451"}.fad.fa-gopuram:after{content:"\10f664"}.fad.fa-graduation-cap:after{content:"\10f19d"}.fad.fa-gramophone:after{content:"\10f8bd"}.fad.fa-greater-than:after{content:"\10f531"}.fad.fa-greater-than-equal:after{content:"\10f532"}.fad.fa-grimace:after{content:"\10f57f"}.fad.fa-grin:after{content:"\10f580"}.fad.fa-grin-alt:after{content:"\10f581"}.fad.fa-grin-beam:after{content:"\10f582"}.fad.fa-grin-beam-sweat:after{content:"\10f583"}.fad.fa-grin-hearts:after{content:"\10f584"}.fad.fa-grin-squint:after{content:"\10f585"}.fad.fa-grin-squint-tears:after{content:"\10f586"}.fad.fa-grin-stars:after{content:"\10f587"}.fad.fa-grin-tears:after{content:"\10f588"}.fad.fa-grin-tongue:after{content:"\10f589"}.fad.fa-grin-tongue-squint:after{content:"\10f58a"}.fad.fa-grin-tongue-wink:after{content:"\10f58b"}.fad.fa-grin-wink:after{content:"\10f58c"}.fad.fa-grip-horizontal:after{content:"\10f58d"}.fad.fa-grip-lines:after{content:"\10f7a4"}.fad.fa-grip-lines-vertical:after{content:"\10f7a5"}.fad.fa-grip-vertical:after{content:"\10f58e"}.fad.fa-guitar:after{content:"\10f7a6"}.fad.fa-guitar-electric:after{content:"\10f8be"}.fad.fa-guitars:after{content:"\10f8bf"}.fad.fa-h-square:after{content:"\10f0fd"}.fad.fa-h1:after{content:"\10f313"}.fad.fa-h2:after{content:"\10f314"}.fad.fa-h3:after{content:"\10f315"}.fad.fa-h4:after{content:"\10f86a"}.fad.fa-hamburger:after{content:"\10f805"}.fad.fa-hammer:after{content:"\10f6e3"}.fad.fa-hammer-war:after{content:"\10f6e4"}.fad.fa-hamsa:after{content:"\10f665"}.fad.fa-hand-heart:after{content:"\10f4bc"}.fad.fa-hand-holding:after{content:"\10f4bd"}.fad.fa-hand-holding-box:after{content:"\10f47b"}.fad.fa-hand-holding-heart:after{content:"\10f4be"}.fad.fa-hand-holding-magic:after{content:"\10f6e5"}.fad.fa-hand-holding-seedling:after{content:"\10f4bf"}.fad.fa-hand-holding-usd:after{content:"\10f4c0"}.fad.fa-hand-holding-water:after{content:"\10f4c1"}.fad.fa-hand-lizard:after{content:"\10f258"}.fad.fa-hand-middle-finger:after{content:"\10f806"}.fad.fa-hand-paper:after{content:"\10f256"}.fad.fa-hand-peace:after{content:"\10f25b"}.fad.fa-hand-point-down:after{content:"\10f0a7"}.fad.fa-hand-point-left:after{content:"\10f0a5"}.fad.fa-hand-point-right:after{content:"\10f0a4"}.fad.fa-hand-point-up:after{content:"\10f0a6"}.fad.fa-hand-pointer:after{content:"\10f25a"}.fad.fa-hand-receiving:after{content:"\10f47c"}.fad.fa-hand-rock:after{content:"\10f255"}.fad.fa-hand-scissors:after{content:"\10f257"}.fad.fa-hand-spock:after{content:"\10f259"}.fad.fa-hands:after{content:"\10f4c2"}.fad.fa-hands-heart:after{content:"\10f4c3"}.fad.fa-hands-helping:after{content:"\10f4c4"}.fad.fa-hands-usd:after{content:"\10f4c5"}.fad.fa-handshake:after{content:"\10f2b5"}.fad.fa-handshake-alt:after{content:"\10f4c6"}.fad.fa-hanukiah:after{content:"\10f6e6"}.fad.fa-hard-hat:after{content:"\10f807"}.fad.fa-hashtag:after{content:"\10f292"}.fad.fa-hat-chef:after{content:"\10f86b"}.fad.fa-hat-cowboy:after{content:"\10f8c0"}.fad.fa-hat-cowboy-side:after{content:"\10f8c1"}.fad.fa-hat-santa:after{content:"\10f7a7"}.fad.fa-hat-winter:after{content:"\10f7a8"}.fad.fa-hat-witch:after{content:"\10f6e7"}.fad.fa-hat-wizard:after{content:"\10f6e8"}.fad.fa-hdd:after{content:"\10f0a0"}.fad.fa-head-side:after{content:"\10f6e9"}.fad.fa-head-side-brain:after{content:"\10f808"}.fad.fa-head-side-headphones:after{content:"\10f8c2"}.fad.fa-head-side-medical:after{content:"\10f809"}.fad.fa-head-vr:after{content:"\10f6ea"}.fad.fa-heading:after{content:"\10f1dc"}.fad.fa-headphones:after{content:"\10f025"}.fad.fa-headphones-alt:after{content:"\10f58f"}.fad.fa-headset:after{content:"\10f590"}.fad.fa-heart:after{content:"\10f004"}.fad.fa-heart-broken:after{content:"\10f7a9"}.fad.fa-heart-circle:after{content:"\10f4c7"}.fad.fa-heart-rate:after{content:"\10f5f8"}.fad.fa-heart-square:after{content:"\10f4c8"}.fad.fa-heartbeat:after{content:"\10f21e"}.fad.fa-heat:after{content:"\10f90c"}.fad.fa-helicopter:after{content:"\10f533"}.fad.fa-helmet-battle:after{content:"\10f6eb"}.fad.fa-hexagon:after{content:"\10f312"}.fad.fa-highlighter:after{content:"\10f591"}.fad.fa-hiking:after{content:"\10f6ec"}.fad.fa-hippo:after{content:"\10f6ed"}.fad.fa-history:after{content:"\10f1da"}.fad.fa-hockey-mask:after{content:"\10f6ee"}.fad.fa-hockey-puck:after{content:"\10f453"}.fad.fa-hockey-sticks:after{content:"\10f454"}.fad.fa-holly-berry:after{content:"\10f7aa"}.fad.fa-home:after{content:"\10f015"}.fad.fa-home-alt:after{content:"\10f80a"}.fad.fa-home-heart:after{content:"\10f4c9"}.fad.fa-home-lg:after{content:"\10f80b"}.fad.fa-home-lg-alt:after{content:"\10f80c"}.fad.fa-hood-cloak:after{content:"\10f6ef"}.fad.fa-horizontal-rule:after{content:"\10f86c"}.fad.fa-horse:after{content:"\10f6f0"}.fad.fa-horse-head:after{content:"\10f7ab"}.fad.fa-horse-saddle:after{content:"\10f8c3"}.fad.fa-hospital:after{content:"\10f0f8"}.fad.fa-hospital-alt:after{content:"\10f47d"}.fad.fa-hospital-symbol:after{content:"\10f47e"}.fad.fa-hospital-user:after{content:"\10f80d"}.fad.fa-hospitals:after{content:"\10f80e"}.fad.fa-hot-tub:after{content:"\10f593"}.fad.fa-hotdog:after{content:"\10f80f"}.fad.fa-hotel:after{content:"\10f594"}.fad.fa-hourglass:after{content:"\10f254"}.fad.fa-hourglass-end:after{content:"\10f253"}.fad.fa-hourglass-half:after{content:"\10f252"}.fad.fa-hourglass-start:after{content:"\10f251"}.fad.fa-house:after{content:"\10f90d"}.fad.fa-house-damage:after{content:"\10f6f1"}.fad.fa-house-day:after{content:"\10f90e"}.fad.fa-house-flood:after{content:"\10f74f"}.fad.fa-house-leave:after{content:"\10f90f"}.fad.fa-house-night:after{content:"\10f910"}.fad.fa-house-return:after{content:"\10f911"}.fad.fa-house-signal:after{content:"\10f912"}.fad.fa-hryvnia:after{content:"\10f6f2"}.fad.fa-humidity:after{content:"\10f750"}.fad.fa-hurricane:after{content:"\10f751"}.fad.fa-i-cursor:after{content:"\10f246"}.fad.fa-ice-cream:after{content:"\10f810"}.fad.fa-ice-skate:after{content:"\10f7ac"}.fad.fa-icicles:after{content:"\10f7ad"}.fad.fa-icons:after{content:"\10f86d"}.fad.fa-icons-alt:after{content:"\10f86e"}.fad.fa-id-badge:after{content:"\10f2c1"}.fad.fa-id-card:after{content:"\10f2c2"}.fad.fa-id-card-alt:after{content:"\10f47f"}.fad.fa-igloo:after{content:"\10f7ae"}.fad.fa-image:after{content:"\10f03e"}.fad.fa-image-polaroid:after{content:"\10f8c4"}.fad.fa-images:after{content:"\10f302"}.fad.fa-inbox:after{content:"\10f01c"}.fad.fa-inbox-in:after{content:"\10f310"}.fad.fa-inbox-out:after{content:"\10f311"}.fad.fa-indent:after{content:"\10f03c"}.fad.fa-industry:after{content:"\10f275"}.fad.fa-industry-alt:after{content:"\10f3b3"}.fad.fa-infinity:after{content:"\10f534"}.fad.fa-info:after{content:"\10f129"}.fad.fa-info-circle:after{content:"\10f05a"}.fad.fa-info-square:after{content:"\10f30f"}.fad.fa-inhaler:after{content:"\10f5f9"}.fad.fa-integral:after{content:"\10f667"}.fad.fa-intersection:after{content:"\10f668"}.fad.fa-inventory:after{content:"\10f480"}.fad.fa-island-tropical:after{content:"\10f811"}.fad.fa-italic:after{content:"\10f033"}.fad.fa-jack-o-lantern:after{content:"\10f30e"}.fad.fa-jedi:after{content:"\10f669"}.fad.fa-joint:after{content:"\10f595"}.fad.fa-journal-whills:after{content:"\10f66a"}.fad.fa-joystick:after{content:"\10f8c5"}.fad.fa-jug:after{content:"\10f8c6"}.fad.fa-kaaba:after{content:"\10f66b"}.fad.fa-kazoo:after{content:"\10f8c7"}.fad.fa-kerning:after{content:"\10f86f"}.fad.fa-key:after{content:"\10f084"}.fad.fa-key-skeleton:after{content:"\10f6f3"}.fad.fa-keyboard:after{content:"\10f11c"}.fad.fa-keynote:after{content:"\10f66c"}.fad.fa-khanda:after{content:"\10f66d"}.fad.fa-kidneys:after{content:"\10f5fb"}.fad.fa-kiss:after{content:"\10f596"}.fad.fa-kiss-beam:after{content:"\10f597"}.fad.fa-kiss-wink-heart:after{content:"\10f598"}.fad.fa-kite:after{content:"\10f6f4"}.fad.fa-kiwi-bird:after{content:"\10f535"}.fad.fa-knife-kitchen:after{content:"\10f6f5"}.fad.fa-lambda:after{content:"\10f66e"}.fad.fa-lamp:after{content:"\10f4ca"}.fad.fa-lamp-desk:after{content:"\10f914"}.fad.fa-lamp-floor:after{content:"\10f915"}.fad.fa-landmark:after{content:"\10f66f"}.fad.fa-landmark-alt:after{content:"\10f752"}.fad.fa-language:after{content:"\10f1ab"}.fad.fa-laptop:after{content:"\10f109"}.fad.fa-laptop-code:after{content:"\10f5fc"}.fad.fa-laptop-medical:after{content:"\10f812"}.fad.fa-lasso:after{content:"\10f8c8"}.fad.fa-laugh:after{content:"\10f599"}.fad.fa-laugh-beam:after{content:"\10f59a"}.fad.fa-laugh-squint:after{content:"\10f59b"}.fad.fa-laugh-wink:after{content:"\10f59c"}.fad.fa-layer-group:after{content:"\10f5fd"}.fad.fa-layer-minus:after{content:"\10f5fe"}.fad.fa-layer-plus:after{content:"\10f5ff"}.fad.fa-leaf:after{content:"\10f06c"}.fad.fa-leaf-heart:after{content:"\10f4cb"}.fad.fa-leaf-maple:after{content:"\10f6f6"}.fad.fa-leaf-oak:after{content:"\10f6f7"}.fad.fa-lemon:after{content:"\10f094"}.fad.fa-less-than:after{content:"\10f536"}.fad.fa-less-than-equal:after{content:"\10f537"}.fad.fa-level-down:after{content:"\10f149"}.fad.fa-level-down-alt:after{content:"\10f3be"}.fad.fa-level-up:after{content:"\10f148"}.fad.fa-level-up-alt:after{content:"\10f3bf"}.fad.fa-life-ring:after{content:"\10f1cd"}.fad.fa-light-ceiling:after{content:"\10f916"}.fad.fa-light-switch:after{content:"\10f917"}.fad.fa-light-switch-off:after{content:"\10f918"}.fad.fa-light-switch-on:after{content:"\10f919"}.fad.fa-lightbulb:after{content:"\10f0eb"}.fad.fa-lightbulb-dollar:after{content:"\10f670"}.fad.fa-lightbulb-exclamation:after{content:"\10f671"}.fad.fa-lightbulb-on:after{content:"\10f672"}.fad.fa-lightbulb-slash:after{content:"\10f673"}.fad.fa-lights-holiday:after{content:"\10f7b2"}.fad.fa-line-columns:after{content:"\10f870"}.fad.fa-line-height:after{content:"\10f871"}.fad.fa-link:after{content:"\10f0c1"}.fad.fa-lips:after{content:"\10f600"}.fad.fa-lira-sign:after{content:"\10f195"}.fad.fa-list:after{content:"\10f03a"}.fad.fa-list-alt:after{content:"\10f022"}.fad.fa-list-music:after{content:"\10f8c9"}.fad.fa-list-ol:after{content:"\10f0cb"}.fad.fa-list-ul:after{content:"\10f0ca"}.fad.fa-location:after{content:"\10f601"}.fad.fa-location-arrow:after{content:"\10f124"}.fad.fa-location-circle:after{content:"\10f602"}.fad.fa-location-slash:after{content:"\10f603"}.fad.fa-lock:after{content:"\10f023"}.fad.fa-lock-alt:after{content:"\10f30d"}.fad.fa-lock-open:after{content:"\10f3c1"}.fad.fa-lock-open-alt:after{content:"\10f3c2"}.fad.fa-long-arrow-alt-down:after{content:"\10f309"}.fad.fa-long-arrow-alt-left:after{content:"\10f30a"}.fad.fa-long-arrow-alt-right:after{content:"\10f30b"}.fad.fa-long-arrow-alt-up:after{content:"\10f30c"}.fad.fa-long-arrow-down:after{content:"\10f175"}.fad.fa-long-arrow-left:after{content:"\10f177"}.fad.fa-long-arrow-right:after{content:"\10f178"}.fad.fa-long-arrow-up:after{content:"\10f176"}.fad.fa-loveseat:after{content:"\10f4cc"}.fad.fa-low-vision:after{content:"\10f2a8"}.fad.fa-luchador:after{content:"\10f455"}.fad.fa-luggage-cart:after{content:"\10f59d"}.fad.fa-lungs:after{content:"\10f604"}.fad.fa-mace:after{content:"\10f6f8"}.fad.fa-magic:after{content:"\10f0d0"}.fad.fa-magnet:after{content:"\10f076"}.fad.fa-mail-bulk:after{content:"\10f674"}.fad.fa-mailbox:after{content:"\10f813"}.fad.fa-male:after{content:"\10f183"}.fad.fa-mandolin:after{content:"\10f6f9"}.fad.fa-map:after{content:"\10f279"}.fad.fa-map-marked:after{content:"\10f59f"}.fad.fa-map-marked-alt:after{content:"\10f5a0"}.fad.fa-map-marker:after{content:"\10f041"}.fad.fa-map-marker-alt:after{content:"\10f3c5"}.fad.fa-map-marker-alt-slash:after{content:"\10f605"}.fad.fa-map-marker-check:after{content:"\10f606"}.fad.fa-map-marker-edit:after{content:"\10f607"}.fad.fa-map-marker-exclamation:after{content:"\10f608"}.fad.fa-map-marker-minus:after{content:"\10f609"}.fad.fa-map-marker-plus:after{content:"\10f60a"}.fad.fa-map-marker-question:after{content:"\10f60b"}.fad.fa-map-marker-slash:after{content:"\10f60c"}.fad.fa-map-marker-smile:after{content:"\10f60d"}.fad.fa-map-marker-times:after{content:"\10f60e"}.fad.fa-map-pin:after{content:"\10f276"}.fad.fa-map-signs:after{content:"\10f277"}.fad.fa-marker:after{content:"\10f5a1"}.fad.fa-mars:after{content:"\10f222"}.fad.fa-mars-double:after{content:"\10f227"}.fad.fa-mars-stroke:after{content:"\10f229"}.fad.fa-mars-stroke-h:after{content:"\10f22b"}.fad.fa-mars-stroke-v:after{content:"\10f22a"}.fad.fa-mask:after{content:"\10f6fa"}.fad.fa-meat:after{content:"\10f814"}.fad.fa-medal:after{content:"\10f5a2"}.fad.fa-medkit:after{content:"\10f0fa"}.fad.fa-megaphone:after{content:"\10f675"}.fad.fa-meh:after{content:"\10f11a"}.fad.fa-meh-blank:after{content:"\10f5a4"}.fad.fa-meh-rolling-eyes:after{content:"\10f5a5"}.fad.fa-memory:after{content:"\10f538"}.fad.fa-menorah:after{content:"\10f676"}.fad.fa-mercury:after{content:"\10f223"}.fad.fa-meteor:after{content:"\10f753"}.fad.fa-microchip:after{content:"\10f2db"}.fad.fa-microphone:after{content:"\10f130"}.fad.fa-microphone-alt:after{content:"\10f3c9"}.fad.fa-microphone-alt-slash:after{content:"\10f539"}.fad.fa-microphone-slash:after{content:"\10f131"}.fad.fa-microphone-stand:after{content:"\10f8cb"}.fad.fa-microscope:after{content:"\10f610"}.fad.fa-microwave:after{content:"\10f91b"}.fad.fa-mind-share:after{content:"\10f677"}.fad.fa-minus:after{content:"\10f068"}.fad.fa-minus-circle:after{content:"\10f056"}.fad.fa-minus-hexagon:after{content:"\10f307"}.fad.fa-minus-octagon:after{content:"\10f308"}.fad.fa-minus-square:after{content:"\10f146"}.fad.fa-mistletoe:after{content:"\10f7b4"}.fad.fa-mitten:after{content:"\10f7b5"}.fad.fa-mobile:after{content:"\10f10b"}.fad.fa-mobile-alt:after{content:"\10f3cd"}.fad.fa-mobile-android:after{content:"\10f3ce"}.fad.fa-mobile-android-alt:after{content:"\10f3cf"}.fad.fa-money-bill:after{content:"\10f0d6"}.fad.fa-money-bill-alt:after{content:"\10f3d1"}.fad.fa-money-bill-wave:after{content:"\10f53a"}.fad.fa-money-bill-wave-alt:after{content:"\10f53b"}.fad.fa-money-check:after{content:"\10f53c"}.fad.fa-money-check-alt:after{content:"\10f53d"}.fad.fa-money-check-edit:after{content:"\10f872"}.fad.fa-money-check-edit-alt:after{content:"\10f873"}.fad.fa-monitor-heart-rate:after{content:"\10f611"}.fad.fa-monkey:after{content:"\10f6fb"}.fad.fa-monument:after{content:"\10f5a6"}.fad.fa-moon:after{content:"\10f186"}.fad.fa-moon-cloud:after{content:"\10f754"}.fad.fa-moon-stars:after{content:"\10f755"}.fad.fa-mortar-pestle:after{content:"\10f5a7"}.fad.fa-mosque:after{content:"\10f678"}.fad.fa-motorcycle:after{content:"\10f21c"}.fad.fa-mountain:after{content:"\10f6fc"}.fad.fa-mountains:after{content:"\10f6fd"}.fad.fa-mouse:after{content:"\10f8cc"}.fad.fa-mouse-alt:after{content:"\10f8cd"}.fad.fa-mouse-pointer:after{content:"\10f245"}.fad.fa-mp3-player:after{content:"\10f8ce"}.fad.fa-mug:after{content:"\10f874"}.fad.fa-mug-hot:after{content:"\10f7b6"}.fad.fa-mug-marshmallows:after{content:"\10f7b7"}.fad.fa-mug-tea:after{content:"\10f875"}.fad.fa-music:after{content:"\10f001"}.fad.fa-music-alt:after{content:"\10f8cf"}.fad.fa-music-alt-slash:after{content:"\10f8d0"}.fad.fa-music-slash:after{content:"\10f8d1"}.fad.fa-narwhal:after{content:"\10f6fe"}.fad.fa-network-wired:after{content:"\10f6ff"}.fad.fa-neuter:after{content:"\10f22c"}.fad.fa-newspaper:after{content:"\10f1ea"}.fad.fa-not-equal:after{content:"\10f53e"}.fad.fa-notes-medical:after{content:"\10f481"}.fad.fa-object-group:after{content:"\10f247"}.fad.fa-object-ungroup:after{content:"\10f248"}.fad.fa-octagon:after{content:"\10f306"}.fad.fa-oil-can:after{content:"\10f613"}.fad.fa-oil-temp:after{content:"\10f614"}.fad.fa-om:after{content:"\10f679"}.fad.fa-omega:after{content:"\10f67a"}.fad.fa-ornament:after{content:"\10f7b8"}.fad.fa-otter:after{content:"\10f700"}.fad.fa-outdent:after{content:"\10f03b"}.fad.fa-outlet:after{content:"\10f91c"}.fad.fa-oven:after{content:"\10f91d"}.fad.fa-overline:after{content:"\10f876"}.fad.fa-page-break:after{content:"\10f877"}.fad.fa-pager:after{content:"\10f815"}.fad.fa-paint-brush:after{content:"\10f1fc"}.fad.fa-paint-brush-alt:after{content:"\10f5a9"}.fad.fa-paint-roller:after{content:"\10f5aa"}.fad.fa-palette:after{content:"\10f53f"}.fad.fa-pallet:after{content:"\10f482"}.fad.fa-pallet-alt:after{content:"\10f483"}.fad.fa-paper-plane:after{content:"\10f1d8"}.fad.fa-paperclip:after{content:"\10f0c6"}.fad.fa-parachute-box:after{content:"\10f4cd"}.fad.fa-paragraph:after{content:"\10f1dd"}.fad.fa-paragraph-rtl:after{content:"\10f878"}.fad.fa-parking:after{content:"\10f540"}.fad.fa-parking-circle:after{content:"\10f615"}.fad.fa-parking-circle-slash:after{content:"\10f616"}.fad.fa-parking-slash:after{content:"\10f617"}.fad.fa-passport:after{content:"\10f5ab"}.fad.fa-pastafarianism:after{content:"\10f67b"}.fad.fa-paste:after{content:"\10f0ea"}.fad.fa-pause:after{content:"\10f04c"}.fad.fa-pause-circle:after{content:"\10f28b"}.fad.fa-paw:after{content:"\10f1b0"}.fad.fa-paw-alt:after{content:"\10f701"}.fad.fa-paw-claws:after{content:"\10f702"}.fad.fa-peace:after{content:"\10f67c"}.fad.fa-pegasus:after{content:"\10f703"}.fad.fa-pen:after{content:"\10f304"}.fad.fa-pen-alt:after{content:"\10f305"}.fad.fa-pen-fancy:after{content:"\10f5ac"}.fad.fa-pen-nib:after{content:"\10f5ad"}.fad.fa-pen-square:after{content:"\10f14b"}.fad.fa-pencil:after{content:"\10f040"}.fad.fa-pencil-alt:after{content:"\10f303"}.fad.fa-pencil-paintbrush:after{content:"\10f618"}.fad.fa-pencil-ruler:after{content:"\10f5ae"}.fad.fa-pennant:after{content:"\10f456"}.fad.fa-people-carry:after{content:"\10f4ce"}.fad.fa-pepper-hot:after{content:"\10f816"}.fad.fa-percent:after{content:"\10f295"}.fad.fa-percentage:after{content:"\10f541"}.fad.fa-person-booth:after{content:"\10f756"}.fad.fa-person-carry:after{content:"\10f4cf"}.fad.fa-person-dolly:after{content:"\10f4d0"}.fad.fa-person-dolly-empty:after{content:"\10f4d1"}.fad.fa-person-sign:after{content:"\10f757"}.fad.fa-phone:after{content:"\10f095"}.fad.fa-phone-alt:after{content:"\10f879"}.fad.fa-phone-laptop:after{content:"\10f87a"}.fad.fa-phone-office:after{content:"\10f67d"}.fad.fa-phone-plus:after{content:"\10f4d2"}.fad.fa-phone-rotary:after{content:"\10f8d3"}.fad.fa-phone-slash:after{content:"\10f3dd"}.fad.fa-phone-square:after{content:"\10f098"}.fad.fa-phone-square-alt:after{content:"\10f87b"}.fad.fa-phone-volume:after{content:"\10f2a0"}.fad.fa-photo-video:after{content:"\10f87c"}.fad.fa-pi:after{content:"\10f67e"}.fad.fa-piano:after{content:"\10f8d4"}.fad.fa-piano-keyboard:after{content:"\10f8d5"}.fad.fa-pie:after{content:"\10f705"}.fad.fa-pig:after{content:"\10f706"}.fad.fa-piggy-bank:after{content:"\10f4d3"}.fad.fa-pills:after{content:"\10f484"}.fad.fa-pizza:after{content:"\10f817"}.fad.fa-pizza-slice:after{content:"\10f818"}.fad.fa-place-of-worship:after{content:"\10f67f"}.fad.fa-plane:after{content:"\10f072"}.fad.fa-plane-alt:after{content:"\10f3de"}.fad.fa-plane-arrival:after{content:"\10f5af"}.fad.fa-plane-departure:after{content:"\10f5b0"}.fad.fa-planet-moon:after{content:"\10f91f"}.fad.fa-planet-ringed:after{content:"\10f920"}.fad.fa-play:after{content:"\10f04b"}.fad.fa-play-circle:after{content:"\10f144"}.fad.fa-plug:after{content:"\10f1e6"}.fad.fa-plus:after{content:"\10f067"}.fad.fa-plus-circle:after{content:"\10f055"}.fad.fa-plus-hexagon:after{content:"\10f300"}.fad.fa-plus-octagon:after{content:"\10f301"}.fad.fa-plus-square:after{content:"\10f0fe"}.fad.fa-podcast:after{content:"\10f2ce"}.fad.fa-podium:after{content:"\10f680"}.fad.fa-podium-star:after{content:"\10f758"}.fad.fa-police-box:after{content:"\10f921"}.fad.fa-poll:after{content:"\10f681"}.fad.fa-poll-h:after{content:"\10f682"}.fad.fa-poll-people:after{content:"\10f759"}.fad.fa-poo:after{content:"\10f2fe"}.fad.fa-poo-storm:after{content:"\10f75a"}.fad.fa-poop:after{content:"\10f619"}.fad.fa-popcorn:after{content:"\10f819"}.fad.fa-portal-enter:after{content:"\10f922"}.fad.fa-portal-exit:after{content:"\10f923"}.fad.fa-portrait:after{content:"\10f3e0"}.fad.fa-pound-sign:after{content:"\10f154"}.fad.fa-power-off:after{content:"\10f011"}.fad.fa-pray:after{content:"\10f683"}.fad.fa-praying-hands:after{content:"\10f684"}.fad.fa-prescription:after{content:"\10f5b1"}.fad.fa-prescription-bottle:after{content:"\10f485"}.fad.fa-prescription-bottle-alt:after{content:"\10f486"}.fad.fa-presentation:after{content:"\10f685"}.fad.fa-print:after{content:"\10f02f"}.fad.fa-print-search:after{content:"\10f81a"}.fad.fa-print-slash:after{content:"\10f686"}.fad.fa-procedures:after{content:"\10f487"}.fad.fa-project-diagram:after{content:"\10f542"}.fad.fa-projector:after{content:"\10f8d6"}.fad.fa-pumpkin:after{content:"\10f707"}.fad.fa-puzzle-piece:after{content:"\10f12e"}.fad.fa-qrcode:after{content:"\10f029"}.fad.fa-question:after{content:"\10f128"}.fad.fa-question-circle:after{content:"\10f059"}.fad.fa-question-square:after{content:"\10f2fd"}.fad.fa-quidditch:after{content:"\10f458"}.fad.fa-quote-left:after{content:"\10f10d"}.fad.fa-quote-right:after{content:"\10f10e"}.fad.fa-quran:after{content:"\10f687"}.fad.fa-rabbit:after{content:"\10f708"}.fad.fa-rabbit-fast:after{content:"\10f709"}.fad.fa-racquet:after{content:"\10f45a"}.fad.fa-radar:after{content:"\10f924"}.fad.fa-radiation:after{content:"\10f7b9"}.fad.fa-radiation-alt:after{content:"\10f7ba"}.fad.fa-radio:after{content:"\10f8d7"}.fad.fa-radio-alt:after{content:"\10f8d8"}.fad.fa-rainbow:after{content:"\10f75b"}.fad.fa-raindrops:after{content:"\10f75c"}.fad.fa-ram:after{content:"\10f70a"}.fad.fa-ramp-loading:after{content:"\10f4d4"}.fad.fa-random:after{content:"\10f074"}.fad.fa-raygun:after{content:"\10f925"}.fad.fa-receipt:after{content:"\10f543"}.fad.fa-record-vinyl:after{content:"\10f8d9"}.fad.fa-rectangle-landscape:after{content:"\10f2fa"}.fad.fa-rectangle-portrait:after{content:"\10f2fb"}.fad.fa-rectangle-wide:after{content:"\10f2fc"}.fad.fa-recycle:after{content:"\10f1b8"}.fad.fa-redo:after{content:"\10f01e"}.fad.fa-redo-alt:after{content:"\10f2f9"}.fad.fa-refrigerator:after{content:"\10f926"}.fad.fa-registered:after{content:"\10f25d"}.fad.fa-remove-format:after{content:"\10f87d"}.fad.fa-repeat:after{content:"\10f363"}.fad.fa-repeat-1:after{content:"\10f365"}.fad.fa-repeat-1-alt:after{content:"\10f366"}.fad.fa-repeat-alt:after{content:"\10f364"}.fad.fa-reply:after{content:"\10f3e5"}.fad.fa-reply-all:after{content:"\10f122"}.fad.fa-republican:after{content:"\10f75e"}.fad.fa-restroom:after{content:"\10f7bd"}.fad.fa-retweet:after{content:"\10f079"}.fad.fa-retweet-alt:after{content:"\10f361"}.fad.fa-ribbon:after{content:"\10f4d6"}.fad.fa-ring:after{content:"\10f70b"}.fad.fa-rings-wedding:after{content:"\10f81b"}.fad.fa-road:after{content:"\10f018"}.fad.fa-robot:after{content:"\10f544"}.fad.fa-rocket:after{content:"\10f135"}.fad.fa-rocket-launch:after{content:"\10f927"}.fad.fa-route:after{content:"\10f4d7"}.fad.fa-route-highway:after{content:"\10f61a"}.fad.fa-route-interstate:after{content:"\10f61b"}.fad.fa-router:after{content:"\10f8da"}.fad.fa-rss:after{content:"\10f09e"}.fad.fa-rss-square:after{content:"\10f143"}.fad.fa-ruble-sign:after{content:"\10f158"}.fad.fa-ruler:after{content:"\10f545"}.fad.fa-ruler-combined:after{content:"\10f546"}.fad.fa-ruler-horizontal:after{content:"\10f547"}.fad.fa-ruler-triangle:after{content:"\10f61c"}.fad.fa-ruler-vertical:after{content:"\10f548"}.fad.fa-running:after{content:"\10f70c"}.fad.fa-rupee-sign:after{content:"\10f156"}.fad.fa-rv:after{content:"\10f7be"}.fad.fa-sack:after{content:"\10f81c"}.fad.fa-sack-dollar:after{content:"\10f81d"}.fad.fa-sad-cry:after{content:"\10f5b3"}.fad.fa-sad-tear:after{content:"\10f5b4"}.fad.fa-salad:after{content:"\10f81e"}.fad.fa-sandwich:after{content:"\10f81f"}.fad.fa-satellite:after{content:"\10f7bf"}.fad.fa-satellite-dish:after{content:"\10f7c0"}.fad.fa-sausage:after{content:"\10f820"}.fad.fa-save:after{content:"\10f0c7"}.fad.fa-sax-hot:after{content:"\10f8db"}.fad.fa-saxophone:after{content:"\10f8dc"}.fad.fa-scalpel:after{content:"\10f61d"}.fad.fa-scalpel-path:after{content:"\10f61e"}.fad.fa-scanner:after{content:"\10f488"}.fad.fa-scanner-image:after{content:"\10f8f3"}.fad.fa-scanner-keyboard:after{content:"\10f489"}.fad.fa-scanner-touchscreen:after{content:"\10f48a"}.fad.fa-scarecrow:after{content:"\10f70d"}.fad.fa-scarf:after{content:"\10f7c1"}.fad.fa-school:after{content:"\10f549"}.fad.fa-screwdriver:after{content:"\10f54a"}.fad.fa-scroll:after{content:"\10f70e"}.fad.fa-scroll-old:after{content:"\10f70f"}.fad.fa-scrubber:after{content:"\10f2f8"}.fad.fa-scythe:after{content:"\10f710"}.fad.fa-sd-card:after{content:"\10f7c2"}.fad.fa-search:after{content:"\10f002"}.fad.fa-search-dollar:after{content:"\10f688"}.fad.fa-search-location:after{content:"\10f689"}.fad.fa-search-minus:after{content:"\10f010"}.fad.fa-search-plus:after{content:"\10f00e"}.fad.fa-seedling:after{content:"\10f4d8"}.fad.fa-send-back:after{content:"\10f87e"}.fad.fa-send-backward:after{content:"\10f87f"}.fad.fa-sensor:after{content:"\10f928"}.fad.fa-sensor-alert:after{content:"\10f929"}.fad.fa-sensor-fire:after{content:"\10f92a"}.fad.fa-sensor-on:after{content:"\10f92b"}.fad.fa-sensor-smoke:after{content:"\10f92c"}.fad.fa-server:after{content:"\10f233"}.fad.fa-shapes:after{content:"\10f61f"}.fad.fa-share:after{content:"\10f064"}.fad.fa-share-all:after{content:"\10f367"}.fad.fa-share-alt:after{content:"\10f1e0"}.fad.fa-share-alt-square:after{content:"\10f1e1"}.fad.fa-share-square:after{content:"\10f14d"}.fad.fa-sheep:after{content:"\10f711"}.fad.fa-shekel-sign:after{content:"\10f20b"}.fad.fa-shield:after{content:"\10f132"}.fad.fa-shield-alt:after{content:"\10f3ed"}.fad.fa-shield-check:after{content:"\10f2f7"}.fad.fa-shield-cross:after{content:"\10f712"}.fad.fa-ship:after{content:"\10f21a"}.fad.fa-shipping-fast:after{content:"\10f48b"}.fad.fa-shipping-timed:after{content:"\10f48c"}.fad.fa-shish-kebab:after{content:"\10f821"}.fad.fa-shoe-prints:after{content:"\10f54b"}.fad.fa-shopping-bag:after{content:"\10f290"}.fad.fa-shopping-basket:after{content:"\10f291"}.fad.fa-shopping-cart:after{content:"\10f07a"}.fad.fa-shovel:after{content:"\10f713"}.fad.fa-shovel-snow:after{content:"\10f7c3"}.fad.fa-shower:after{content:"\10f2cc"}.fad.fa-shredder:after{content:"\10f68a"}.fad.fa-shuttle-van:after{content:"\10f5b6"}.fad.fa-shuttlecock:after{content:"\10f45b"}.fad.fa-sickle:after{content:"\10f822"}.fad.fa-sigma:after{content:"\10f68b"}.fad.fa-sign:after{content:"\10f4d9"}.fad.fa-sign-in:after{content:"\10f090"}.fad.fa-sign-in-alt:after{content:"\10f2f6"}.fad.fa-sign-language:after{content:"\10f2a7"}.fad.fa-sign-out:after{content:"\10f08b"}.fad.fa-sign-out-alt:after{content:"\10f2f5"}.fad.fa-signal:after{content:"\10f012"}.fad.fa-signal-1:after{content:"\10f68c"}.fad.fa-signal-2:after{content:"\10f68d"}.fad.fa-signal-3:after{content:"\10f68e"}.fad.fa-signal-4:after{content:"\10f68f"}.fad.fa-signal-alt:after{content:"\10f690"}.fad.fa-signal-alt-1:after{content:"\10f691"}.fad.fa-signal-alt-2:after{content:"\10f692"}.fad.fa-signal-alt-3:after{content:"\10f693"}.fad.fa-signal-alt-slash:after{content:"\10f694"}.fad.fa-signal-slash:after{content:"\10f695"}.fad.fa-signal-stream:after{content:"\10f8dd"}.fad.fa-signature:after{content:"\10f5b7"}.fad.fa-sim-card:after{content:"\10f7c4"}.fad.fa-siren:after{content:"\10f92d"}.fad.fa-siren-on:after{content:"\10f92e"}.fad.fa-sitemap:after{content:"\10f0e8"}.fad.fa-skating:after{content:"\10f7c5"}.fad.fa-skeleton:after{content:"\10f620"}.fad.fa-ski-jump:after{content:"\10f7c7"}.fad.fa-ski-lift:after{content:"\10f7c8"}.fad.fa-skiing:after{content:"\10f7c9"}.fad.fa-skiing-nordic:after{content:"\10f7ca"}.fad.fa-skull:after{content:"\10f54c"}.fad.fa-skull-cow:after{content:"\10f8de"}.fad.fa-skull-crossbones:after{content:"\10f714"}.fad.fa-slash:after{content:"\10f715"}.fad.fa-sledding:after{content:"\10f7cb"}.fad.fa-sleigh:after{content:"\10f7cc"}.fad.fa-sliders-h:after{content:"\10f1de"}.fad.fa-sliders-h-square:after{content:"\10f3f0"}.fad.fa-sliders-v:after{content:"\10f3f1"}.fad.fa-sliders-v-square:after{content:"\10f3f2"}.fad.fa-smile:after{content:"\10f118"}.fad.fa-smile-beam:after{content:"\10f5b8"}.fad.fa-smile-plus:after{content:"\10f5b9"}.fad.fa-smile-wink:after{content:"\10f4da"}.fad.fa-smog:after{content:"\10f75f"}.fad.fa-smoke:after{content:"\10f760"}.fad.fa-smoking:after{content:"\10f48d"}.fad.fa-smoking-ban:after{content:"\10f54d"}.fad.fa-sms:after{content:"\10f7cd"}.fad.fa-snake:after{content:"\10f716"}.fad.fa-snooze:after{content:"\10f880"}.fad.fa-snow-blowing:after{content:"\10f761"}.fad.fa-snowboarding:after{content:"\10f7ce"}.fad.fa-snowflake:after{content:"\10f2dc"}.fad.fa-snowflakes:after{content:"\10f7cf"}.fad.fa-snowman:after{content:"\10f7d0"}.fad.fa-snowmobile:after{content:"\10f7d1"}.fad.fa-snowplow:after{content:"\10f7d2"}.fad.fa-socks:after{content:"\10f696"}.fad.fa-solar-panel:after{content:"\10f5ba"}.fad.fa-solar-system:after{content:"\10f92f"}.fad.fa-sort:after{content:"\10f0dc"}.fad.fa-sort-alpha-down:after{content:"\10f15d"}.fad.fa-sort-alpha-down-alt:after{content:"\10f881"}.fad.fa-sort-alpha-up:after{content:"\10f15e"}.fad.fa-sort-alpha-up-alt:after{content:"\10f882"}.fad.fa-sort-alt:after{content:"\10f883"}.fad.fa-sort-amount-down:after{content:"\10f160"}.fad.fa-sort-amount-down-alt:after{content:"\10f884"}.fad.fa-sort-amount-up:after{content:"\10f161"}.fad.fa-sort-amount-up-alt:after{content:"\10f885"}.fad.fa-sort-circle:after{content:"\10f930"}.fad.fa-sort-circle-down:after{content:"\10f931"}.fad.fa-sort-circle-up:after{content:"\10f932"}.fad.fa-sort-down:after{content:"\10f0dd"}.fad.fa-sort-numeric-down:after{content:"\10f162"}.fad.fa-sort-numeric-down-alt:after{content:"\10f886"}.fad.fa-sort-numeric-up:after{content:"\10f163"}.fad.fa-sort-numeric-up-alt:after{content:"\10f887"}.fad.fa-sort-shapes-down:after{content:"\10f888"}.fad.fa-sort-shapes-down-alt:after{content:"\10f889"}.fad.fa-sort-shapes-up:after{content:"\10f88a"}.fad.fa-sort-shapes-up-alt:after{content:"\10f88b"}.fad.fa-sort-size-down:after{content:"\10f88c"}.fad.fa-sort-size-down-alt:after{content:"\10f88d"}.fad.fa-sort-size-up:after{content:"\10f88e"}.fad.fa-sort-size-up-alt:after{content:"\10f88f"}.fad.fa-sort-up:after{content:"\10f0de"}.fad.fa-soup:after{content:"\10f823"}.fad.fa-spa:after{content:"\10f5bb"}.fad.fa-space-shuttle:after{content:"\10f197"}.fad.fa-space-station-moon:after{content:"\10f933"}.fad.fa-space-station-moon-alt:after{content:"\10f934"}.fad.fa-spade:after{content:"\10f2f4"}.fad.fa-sparkles:after{content:"\10f890"}.fad.fa-speaker:after{content:"\10f8df"}.fad.fa-speakers:after{content:"\10f8e0"}.fad.fa-spell-check:after{content:"\10f891"}.fad.fa-spider:after{content:"\10f717"}.fad.fa-spider-black-widow:after{content:"\10f718"}.fad.fa-spider-web:after{content:"\10f719"}.fad.fa-spinner:after{content:"\10f110"}.fad.fa-spinner-third:after{content:"\10f3f4"}.fad.fa-splotch:after{content:"\10f5bc"}.fad.fa-spray-can:after{content:"\10f5bd"}.fad.fa-sprinkler:after{content:"\10f935"}.fad.fa-square:after{content:"\10f0c8"}.fad.fa-square-full:after{content:"\10f45c"}.fad.fa-square-root:after{content:"\10f697"}.fad.fa-square-root-alt:after{content:"\10f698"}.fad.fa-squirrel:after{content:"\10f71a"}.fad.fa-staff:after{content:"\10f71b"}.fad.fa-stamp:after{content:"\10f5bf"}.fad.fa-star:after{content:"\10f005"}.fad.fa-star-and-crescent:after{content:"\10f699"}.fad.fa-star-christmas:after{content:"\10f7d4"}.fad.fa-star-exclamation:after{content:"\10f2f3"}.fad.fa-star-half:after{content:"\10f089"}.fad.fa-star-half-alt:after{content:"\10f5c0"}.fad.fa-star-of-david:after{content:"\10f69a"}.fad.fa-star-of-life:after{content:"\10f621"}.fad.fa-star-shooting:after{content:"\10f936"}.fad.fa-starfighter:after{content:"\10f937"}.fad.fa-starfighter-alt:after{content:"\10f938"}.fad.fa-stars:after{content:"\10f762"}.fad.fa-starship:after{content:"\10f939"}.fad.fa-starship-freighter:after{content:"\10f93a"}.fad.fa-steak:after{content:"\10f824"}.fad.fa-steering-wheel:after{content:"\10f622"}.fad.fa-step-backward:after{content:"\10f048"}.fad.fa-step-forward:after{content:"\10f051"}.fad.fa-stethoscope:after{content:"\10f0f1"}.fad.fa-sticky-note:after{content:"\10f249"}.fad.fa-stocking:after{content:"\10f7d5"}.fad.fa-stomach:after{content:"\10f623"}.fad.fa-stop:after{content:"\10f04d"}.fad.fa-stop-circle:after{content:"\10f28d"}.fad.fa-stopwatch:after{content:"\10f2f2"}.fad.fa-store:after{content:"\10f54e"}.fad.fa-store-alt:after{content:"\10f54f"}.fad.fa-stream:after{content:"\10f550"}.fad.fa-street-view:after{content:"\10f21d"}.fad.fa-stretcher:after{content:"\10f825"}.fad.fa-strikethrough:after{content:"\10f0cc"}.fad.fa-stroopwafel:after{content:"\10f551"}.fad.fa-subscript:after{content:"\10f12c"}.fad.fa-subway:after{content:"\10f239"}.fad.fa-suitcase:after{content:"\10f0f2"}.fad.fa-suitcase-rolling:after{content:"\10f5c1"}.fad.fa-sun:after{content:"\10f185"}.fad.fa-sun-cloud:after{content:"\10f763"}.fad.fa-sun-dust:after{content:"\10f764"}.fad.fa-sun-haze:after{content:"\10f765"}.fad.fa-sunglasses:after{content:"\10f892"}.fad.fa-sunrise:after{content:"\10f766"}.fad.fa-sunset:after{content:"\10f767"}.fad.fa-superscript:after{content:"\10f12b"}.fad.fa-surprise:after{content:"\10f5c2"}.fad.fa-swatchbook:after{content:"\10f5c3"}.fad.fa-swimmer:after{content:"\10f5c4"}.fad.fa-swimming-pool:after{content:"\10f5c5"}.fad.fa-sword:after{content:"\10f71c"}.fad.fa-sword-laser:after{content:"\10f93b"}.fad.fa-sword-laser-alt:after{content:"\10f93c"}.fad.fa-swords:after{content:"\10f71d"}.fad.fa-swords-laser:after{content:"\10f93d"}.fad.fa-synagogue:after{content:"\10f69b"}.fad.fa-sync:after{content:"\10f021"}.fad.fa-sync-alt:after{content:"\10f2f1"}.fad.fa-syringe:after{content:"\10f48e"}.fad.fa-table:after{content:"\10f0ce"}.fad.fa-table-tennis:after{content:"\10f45d"}.fad.fa-tablet:after{content:"\10f10a"}.fad.fa-tablet-alt:after{content:"\10f3fa"}.fad.fa-tablet-android:after{content:"\10f3fb"}.fad.fa-tablet-android-alt:after{content:"\10f3fc"}.fad.fa-tablet-rugged:after{content:"\10f48f"}.fad.fa-tablets:after{content:"\10f490"}.fad.fa-tachometer:after{content:"\10f0e4"}.fad.fa-tachometer-alt:after{content:"\10f3fd"}.fad.fa-tachometer-alt-average:after{content:"\10f624"}.fad.fa-tachometer-alt-fast:after{content:"\10f625"}.fad.fa-tachometer-alt-fastest:after{content:"\10f626"}.fad.fa-tachometer-alt-slow:after{content:"\10f627"}.fad.fa-tachometer-alt-slowest:after{content:"\10f628"}.fad.fa-tachometer-average:after{content:"\10f629"}.fad.fa-tachometer-fast:after{content:"\10f62a"}.fad.fa-tachometer-fastest:after{content:"\10f62b"}.fad.fa-tachometer-slow:after{content:"\10f62c"}.fad.fa-tachometer-slowest:after{content:"\10f62d"}.fad.fa-taco:after{content:"\10f826"}.fad.fa-tag:after{content:"\10f02b"}.fad.fa-tags:after{content:"\10f02c"}.fad.fa-tally:after{content:"\10f69c"}.fad.fa-tanakh:after{content:"\10f827"}.fad.fa-tape:after{content:"\10f4db"}.fad.fa-tasks:after{content:"\10f0ae"}.fad.fa-tasks-alt:after{content:"\10f828"}.fad.fa-taxi:after{content:"\10f1ba"}.fad.fa-teeth:after{content:"\10f62e"}.fad.fa-teeth-open:after{content:"\10f62f"}.fad.fa-telescope:after{content:"\10f93e"}.fad.fa-temperature-down:after{content:"\10f93f"}.fad.fa-temperature-frigid:after{content:"\10f768"}.fad.fa-temperature-high:after{content:"\10f769"}.fad.fa-temperature-hot:after{content:"\10f76a"}.fad.fa-temperature-low:after{content:"\10f76b"}.fad.fa-temperature-up:after{content:"\10f940"}.fad.fa-tenge:after{content:"\10f7d7"}.fad.fa-tennis-ball:after{content:"\10f45e"}.fad.fa-terminal:after{content:"\10f120"}.fad.fa-text:after{content:"\10f893"}.fad.fa-text-height:after{content:"\10f034"}.fad.fa-text-size:after{content:"\10f894"}.fad.fa-text-width:after{content:"\10f035"}.fad.fa-th:after{content:"\10f00a"}.fad.fa-th-large:after{content:"\10f009"}.fad.fa-th-list:after{content:"\10f00b"}.fad.fa-theater-masks:after{content:"\10f630"}.fad.fa-thermometer:after{content:"\10f491"}.fad.fa-thermometer-empty:after{content:"\10f2cb"}.fad.fa-thermometer-full:after{content:"\10f2c7"}.fad.fa-thermometer-half:after{content:"\10f2c9"}.fad.fa-thermometer-quarter:after{content:"\10f2ca"}.fad.fa-thermometer-three-quarters:after{content:"\10f2c8"}.fad.fa-theta:after{content:"\10f69e"}.fad.fa-thumbs-down:after{content:"\10f165"}.fad.fa-thumbs-up:after{content:"\10f164"}.fad.fa-thumbtack:after{content:"\10f08d"}.fad.fa-thunderstorm:after{content:"\10f76c"}.fad.fa-thunderstorm-moon:after{content:"\10f76d"}.fad.fa-thunderstorm-sun:after{content:"\10f76e"}.fad.fa-ticket:after{content:"\10f145"}.fad.fa-ticket-alt:after{content:"\10f3ff"}.fad.fa-tilde:after{content:"\10f69f"}.fad.fa-times:after{content:"\10f00d"}.fad.fa-times-circle:after{content:"\10f057"}.fad.fa-times-hexagon:after{content:"\10f2ee"}.fad.fa-times-octagon:after{content:"\10f2f0"}.fad.fa-times-square:after{content:"\10f2d3"}.fad.fa-tint:after{content:"\10f043"}.fad.fa-tint-slash:after{content:"\10f5c7"}.fad.fa-tire:after{content:"\10f631"}.fad.fa-tire-flat:after{content:"\10f632"}.fad.fa-tire-pressure-warning:after{content:"\10f633"}.fad.fa-tire-rugged:after{content:"\10f634"}.fad.fa-tired:after{content:"\10f5c8"}.fad.fa-toggle-off:after{content:"\10f204"}.fad.fa-toggle-on:after{content:"\10f205"}.fad.fa-toilet:after{content:"\10f7d8"}.fad.fa-toilet-paper:after{content:"\10f71e"}.fad.fa-toilet-paper-alt:after{content:"\10f71f"}.fad.fa-tombstone:after{content:"\10f720"}.fad.fa-tombstone-alt:after{content:"\10f721"}.fad.fa-toolbox:after{content:"\10f552"}.fad.fa-tools:after{content:"\10f7d9"}.fad.fa-tooth:after{content:"\10f5c9"}.fad.fa-toothbrush:after{content:"\10f635"}.fad.fa-torah:after{content:"\10f6a0"}.fad.fa-torii-gate:after{content:"\10f6a1"}.fad.fa-tornado:after{content:"\10f76f"}.fad.fa-tractor:after{content:"\10f722"}.fad.fa-trademark:after{content:"\10f25c"}.fad.fa-traffic-cone:after{content:"\10f636"}.fad.fa-traffic-light:after{content:"\10f637"}.fad.fa-traffic-light-go:after{content:"\10f638"}.fad.fa-traffic-light-slow:after{content:"\10f639"}.fad.fa-traffic-light-stop:after{content:"\10f63a"}.fad.fa-trailer:after{content:"\10f941"}.fad.fa-train:after{content:"\10f238"}.fad.fa-tram:after{content:"\10f7da"}.fad.fa-transgender:after{content:"\10f224"}.fad.fa-transgender-alt:after{content:"\10f225"}.fad.fa-transporter:after{content:"\10f942"}.fad.fa-transporter-1:after{content:"\10f943"}.fad.fa-transporter-2:after{content:"\10f944"}.fad.fa-transporter-3:after{content:"\10f945"}.fad.fa-transporter-empty:after{content:"\10f946"}.fad.fa-trash:after{content:"\10f1f8"}.fad.fa-trash-alt:after{content:"\10f2ed"}.fad.fa-trash-restore:after{content:"\10f829"}.fad.fa-trash-restore-alt:after{content:"\10f82a"}.fad.fa-trash-undo:after{content:"\10f895"}.fad.fa-trash-undo-alt:after{content:"\10f896"}.fad.fa-treasure-chest:after{content:"\10f723"}.fad.fa-tree:after{content:"\10f1bb"}.fad.fa-tree-alt:after{content:"\10f400"}.fad.fa-tree-christmas:after{content:"\10f7db"}.fad.fa-tree-decorated:after{content:"\10f7dc"}.fad.fa-tree-large:after{content:"\10f7dd"}.fad.fa-tree-palm:after{content:"\10f82b"}.fad.fa-trees:after{content:"\10f724"}.fad.fa-triangle:after{content:"\10f2ec"}.fad.fa-triangle-music:after{content:"\10f8e2"}.fad.fa-trophy:after{content:"\10f091"}.fad.fa-trophy-alt:after{content:"\10f2eb"}.fad.fa-truck:after{content:"\10f0d1"}.fad.fa-truck-container:after{content:"\10f4dc"}.fad.fa-truck-couch:after{content:"\10f4dd"}.fad.fa-truck-loading:after{content:"\10f4de"}.fad.fa-truck-monster:after{content:"\10f63b"}.fad.fa-truck-moving:after{content:"\10f4df"}.fad.fa-truck-pickup:after{content:"\10f63c"}.fad.fa-truck-plow:after{content:"\10f7de"}.fad.fa-truck-ramp:after{content:"\10f4e0"}.fad.fa-trumpet:after{content:"\10f8e3"}.fad.fa-tshirt:after{content:"\10f553"}.fad.fa-tty:after{content:"\10f1e4"}.fad.fa-turkey:after{content:"\10f725"}.fad.fa-turntable:after{content:"\10f8e4"}.fad.fa-turtle:after{content:"\10f726"}.fad.fa-tv:after{content:"\10f26c"}.fad.fa-tv-alt:after{content:"\10f8e5"}.fad.fa-tv-music:after{content:"\10f8e6"}.fad.fa-tv-retro:after{content:"\10f401"}.fad.fa-typewriter:after{content:"\10f8e7"}.fad.fa-ufo:after{content:"\10f947"}.fad.fa-ufo-beam:after{content:"\10f948"}.fad.fa-umbrella:after{content:"\10f0e9"}.fad.fa-umbrella-beach:after{content:"\10f5ca"}.fad.fa-underline:after{content:"\10f0cd"}.fad.fa-undo:after{content:"\10f0e2"}.fad.fa-undo-alt:after{content:"\10f2ea"}.fad.fa-unicorn:after{content:"\10f727"}.fad.fa-union:after{content:"\10f6a2"}.fad.fa-universal-access:after{content:"\10f29a"}.fad.fa-university:after{content:"\10f19c"}.fad.fa-unlink:after{content:"\10f127"}.fad.fa-unlock:after{content:"\10f09c"}.fad.fa-unlock-alt:after{content:"\10f13e"}.fad.fa-upload:after{content:"\10f093"}.fad.fa-usb-drive:after{content:"\10f8e9"}.fad.fa-usd-circle:after{content:"\10f2e8"}.fad.fa-usd-square:after{content:"\10f2e9"}.fad.fa-user:after{content:"\10f007"}.fad.fa-user-alien:after{content:"\10f94a"}.fad.fa-user-alt:after{content:"\10f406"}.fad.fa-user-alt-slash:after{content:"\10f4fa"}.fad.fa-user-astronaut:after{content:"\10f4fb"}.fad.fa-user-chart:after{content:"\10f6a3"}.fad.fa-user-check:after{content:"\10f4fc"}.fad.fa-user-circle:after{content:"\10f2bd"}.fad.fa-user-clock:after{content:"\10f4fd"}.fad.fa-user-cog:after{content:"\10f4fe"}.fad.fa-user-cowboy:after{content:"\10f8ea"}.fad.fa-user-crown:after{content:"\10f6a4"}.fad.fa-user-edit:after{content:"\10f4ff"}.fad.fa-user-friends:after{content:"\10f500"}.fad.fa-user-graduate:after{content:"\10f501"}.fad.fa-user-hard-hat:after{content:"\10f82c"}.fad.fa-user-headset:after{content:"\10f82d"}.fad.fa-user-injured:after{content:"\10f728"}.fad.fa-user-lock:after{content:"\10f502"}.fad.fa-user-md:after{content:"\10f0f0"}.fad.fa-user-md-chat:after{content:"\10f82e"}.fad.fa-user-minus:after{content:"\10f503"}.fad.fa-user-music:after{content:"\10f8eb"}.fad.fa-user-ninja:after{content:"\10f504"}.fad.fa-user-nurse:after{content:"\10f82f"}.fad.fa-user-plus:after{content:"\10f234"}.fad.fa-user-robot:after{content:"\10f94b"}.fad.fa-user-secret:after{content:"\10f21b"}.fad.fa-user-shield:after{content:"\10f505"}.fad.fa-user-slash:after{content:"\10f506"}.fad.fa-user-tag:after{content:"\10f507"}.fad.fa-user-tie:after{content:"\10f508"}.fad.fa-user-times:after{content:"\10f235"}.fad.fa-user-visor:after{content:"\10f94c"}.fad.fa-users:after{content:"\10f0c0"}.fad.fa-users-class:after{content:"\10f63d"}.fad.fa-users-cog:after{content:"\10f509"}.fad.fa-users-crown:after{content:"\10f6a5"}.fad.fa-users-medical:after{content:"\10f830"}.fad.fa-utensil-fork:after{content:"\10f2e3"}.fad.fa-utensil-knife:after{content:"\10f2e4"}.fad.fa-utensil-spoon:after{content:"\10f2e5"}.fad.fa-utensils:after{content:"\10f2e7"}.fad.fa-utensils-alt:after{content:"\10f2e6"}.fad.fa-vacuum:after{content:"\10f94d"}.fad.fa-vacuum-robot:after{content:"\10f94e"}.fad.fa-value-absolute:after{content:"\10f6a6"}.fad.fa-vector-square:after{content:"\10f5cb"}.fad.fa-venus:after{content:"\10f221"}.fad.fa-venus-double:after{content:"\10f226"}.fad.fa-venus-mars:after{content:"\10f228"}.fad.fa-vhs:after{content:"\10f8ec"}.fad.fa-vial:after{content:"\10f492"}.fad.fa-vials:after{content:"\10f493"}.fad.fa-video:after{content:"\10f03d"}.fad.fa-video-plus:after{content:"\10f4e1"}.fad.fa-video-slash:after{content:"\10f4e2"}.fad.fa-vihara:after{content:"\10f6a7"}.fad.fa-violin:after{content:"\10f8ed"}.fad.fa-voicemail:after{content:"\10f897"}.fad.fa-volcano:after{content:"\10f770"}.fad.fa-volleyball-ball:after{content:"\10f45f"}.fad.fa-volume:after{content:"\10f6a8"}.fad.fa-volume-down:after{content:"\10f027"}.fad.fa-volume-mute:after{content:"\10f6a9"}.fad.fa-volume-off:after{content:"\10f026"}.fad.fa-volume-slash:after{content:"\10f2e2"}.fad.fa-volume-up:after{content:"\10f028"}.fad.fa-vote-nay:after{content:"\10f771"}.fad.fa-vote-yea:after{content:"\10f772"}.fad.fa-vr-cardboard:after{content:"\10f729"}.fad.fa-wagon-covered:after{content:"\10f8ee"}.fad.fa-walker:after{content:"\10f831"}.fad.fa-walkie-talkie:after{content:"\10f8ef"}.fad.fa-walking:after{content:"\10f554"}.fad.fa-wallet:after{content:"\10f555"}.fad.fa-wand:after{content:"\10f72a"}.fad.fa-wand-magic:after{content:"\10f72b"}.fad.fa-warehouse:after{content:"\10f494"}.fad.fa-warehouse-alt:after{content:"\10f495"}.fad.fa-washer:after{content:"\10f898"}.fad.fa-watch:after{content:"\10f2e1"}.fad.fa-watch-calculator:after{content:"\10f8f0"}.fad.fa-watch-fitness:after{content:"\10f63e"}.fad.fa-water:after{content:"\10f773"}.fad.fa-water-lower:after{content:"\10f774"}.fad.fa-water-rise:after{content:"\10f775"}.fad.fa-wave-sine:after{content:"\10f899"}.fad.fa-wave-square:after{content:"\10f83e"}.fad.fa-wave-triangle:after{content:"\10f89a"}.fad.fa-waveform:after{content:"\10f8f1"}.fad.fa-waveform-path:after{content:"\10f8f2"}.fad.fa-webcam:after{content:"\10f832"}.fad.fa-webcam-slash:after{content:"\10f833"}.fad.fa-weight:after{content:"\10f496"}.fad.fa-weight-hanging:after{content:"\10f5cd"}.fad.fa-whale:after{content:"\10f72c"}.fad.fa-wheat:after{content:"\10f72d"}.fad.fa-wheelchair:after{content:"\10f193"}.fad.fa-whistle:after{content:"\10f460"}.fad.fa-wifi:after{content:"\10f1eb"}.fad.fa-wifi-1:after{content:"\10f6aa"}.fad.fa-wifi-2:after{content:"\10f6ab"}.fad.fa-wifi-slash:after{content:"\10f6ac"}.fad.fa-wind:after{content:"\10f72e"}.fad.fa-wind-turbine:after{content:"\10f89b"}.fad.fa-wind-warning:after{content:"\10f776"}.fad.fa-window:after{content:"\10f40e"}.fad.fa-window-alt:after{content:"\10f40f"}.fad.fa-window-close:after{content:"\10f410"}.fad.fa-window-frame:after{content:"\10f94f"}.fad.fa-window-frame-open:after{content:"\10f950"}.fad.fa-window-maximize:after{content:"\10f2d0"}.fad.fa-window-minimize:after{content:"\10f2d1"}.fad.fa-window-restore:after{content:"\10f2d2"}.fad.fa-windsock:after{content:"\10f777"}.fad.fa-wine-bottle:after{content:"\10f72f"}.fad.fa-wine-glass:after{content:"\10f4e3"}.fad.fa-wine-glass-alt:after{content:"\10f5ce"}.fad.fa-won-sign:after{content:"\10f159"}.fad.fa-wreath:after{content:"\10f7e2"}.fad.fa-wrench:after{content:"\10f0ad"}.fad.fa-x-ray:after{content:"\10f497"}.fad.fa-yen-sign:after{content:"\10f157"}.fad.fa-yin-yang:after{content:"\10f6ad"}@font-face{font-family:'font awesome 5 pro';font-style:normal;font-weight:300;font-display:auto;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:'font awesome 5 pro';font-weight:300}@font-face{font-family:'font awesome 5 pro';font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:'font awesome 5 pro';font-weight:400}@font-face{font-family:'font awesome 5 pro';font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:'font awesome 5 pro';font-weight:900} \ No newline at end of file diff --git a/ruqqus/assets/style/light.scss b/ruqqus/assets/style/light.scss new file mode 100644 index 000000000..9ba42000a --- /dev/null +++ b/ruqqus/assets/style/light.scss @@ -0,0 +1,3892 @@ +// Colors + +$primary: #ff66ac; +$dark: #23183E; +$secondary: #E2E8F0; +$danger: #E53E3E; +$white: #ffffff; +$black: #121213; +$light: #E6E9F0; +$success: #38a169; +$muted: #718096; +$info: #168EEA; + +$purple: #ff66ac; +$red: #E53E3E; +$gray: #718096; +$green: #38A169; + +$gray-100: #F5F7FA; +$gray-200: #EDF2F7; +$gray-300: #E2E8F0; +$gray-400: #CBD5E0; +$gray-500: #A0AEC0; +$gray-600: #718096; + +$upvote: #ff66ac; +$downvote: #38B2AC; +$admin: #ff66ac; +$banned: #FEB2B2; +$deleted: #FEFCBF; +$deletedandbanned: #ffcc99; +$mod: #07c20c; +$code: #e83e8c; + +$gold: #ECC94B; +$reddit: #ED4630; + +$theme-colors: ( + "primary": $primary, + "secondary": $secondary, + "danger": $danger, + "dark": $dark, + "white": $white, + "black": $black, + "light": $light, + "success": $success, + "muted": $muted, + "downvote": $downvote, + "upvote": $upvote, + "purple": $purple, + "gold": $gold, + "admin": $admin, + "gray": $gray, + "gray-100": $gray-100, + "gray-200": $gray-200, + "gray-300": $gray-300, + "gray-400": $gray-400, + "gray-500": $gray-500, + "gray-600": $gray-600, + "reddit": $reddit +); + +// Borders + +$input-border-color: $gray-300; +$border-color: $gray-300; + +$border-radius: .35rem; +$border-radius-sm: .25rem; + +// Fonts + +$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + + +// Font size + +$font-size-base: 1rem; + +$medium-font-size: 0.9rem; + +$small-font-size: 12px; + +$extra-small-font-size: 11px; + +$display5-size: 3rem !default; + +$display5-weight: 400; + +$lead-font-size: $font-size-base * 1.325 !default; + +// Font weight + +$font-weight-bold: 600; +$font-weight-bolder: 700; +$headings-font-weight: $font-weight-bold; + +// Spacing + +$spacer: 1rem; +$spacers: ( + 6: ($spacer * 3.5), + 7: ($spacer * 5), + 8: ($spacer * 10) +); + +// Sizing + +// This variable affects the `.h-*` and `.w-*` classes. +$sizes: () !default; +// stylelint-disable-next-line scss/dollar-variable-default +$sizes: map-merge( + ( + 25: 25%, + 50: 50%, + 75: 75%, + 100: 100%, + 130: 130%, + auto: auto + ), + $sizes +); + +// Box Shadow + +$box-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); + +$box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + +$box-shadow-lg: 0 8px 20px 0 rgba( $black, .1 ); + +// Tool Tips + +$tooltip-opacity: 1; + +// Color contrast + +$yiq-contrasted-threshold: 160 !default; + +// Callouts + +@each $color, $value in $theme-colors { + .bd-callout-#{$color} { + border-left-color: #{$value}; + } + } + +@import "D:/#D/ruqqus/assets/style/node_modules/bootstrap/scss/bootstrap.scss"; + +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { font-family: 'Inter var', sans-serif; } + } + +body { + color: $black; + padding-top: 49px; + background-color: $gray-300; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container{ + max-width: 1240px; + } +} + +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: $white; +} + +#page { + padding-top: 49px; + background-color: $white; +} + +#article { + padding-top: 0; + background-color: $white; +} + +#thread, #userpage { + background-color: $gray-100; +} + +// Docs + +#article .navbar-light .navbar-nav .nav-link { + color: $black; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: $primary; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: $primary; +} + +.article-title { + margin-bottom: 3rem; + font-weight: $font-weight-bold; + line-height: 3rem; + margin-top: 2rem; +} + +// Hide sidebar on all error pages + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none!important; +} + +// Message pages + +#message .sidebar, #message-success .sidebar { + display: none; +} + +// Padding and Margins + +#thread .custom-gutters { + padding: 0 15px; + background-color: $white; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +// Positioning + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +// Type + +.text-lg { + font-size: $font-size-lg!important; +} + +.text-base { + font-size: $font-size-base!important; +} + +.text-small { + font-size: $small-font-size!important; +} + +.text-small-extra { + font-size: $extra-small-font-size!important; +} + +.display-5 { + @include font-size($display5-size); + font-weight: $display5-weight; + line-height: $display-line-height; +} + +.lead { + font-weight: $font-weight-normal; +} + +#page p { + font-size: 16px; +} + +// Links + +a.dropdown-toggle:hover { + text-decoration: none; +} + +// list items + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: .75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: $font-weight-bold; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle="collapse"] .fa:before { + content: "\f139"; + } + +[data-toggle="collapse"].collapsed .fa:before { + content: "\f13a"; +} + +// Buttons + +.btn { + font-weight: $font-weight-bold; + font-size: $font-size-base; + border-radius: $border-radius-sm; +} + +.btn-sm { + padding: 0.375rem 0.75rem; + font-size: $small-font-size; +} + +.btn-lg { + font-size: $font-size-base; +} + +.btn-secondary { + color: $gray; +} + +.btn-tag { + border-radius: 3rem; + font-size: $small-font-size; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: $black; +} + +.btn.disabled, .btn:disabled { + opacity: .5; +} + +.btn-success, .btn-danger { + color: $white; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: .35rem; +} + +.btn-group.btn-integration { + border-radius: $border-radius; + border: 1px solid $border-color; +} + +.btn-integration { + font-weight: $font-weight-bold; + border-left: 1px solid $border-color; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: $lead-font-size; + vertical-align: middle; +} + +// Tooltips + +.tooltip { + font-weight: $font-weight-bold; +} + +.tooltip-inner { + background-color: $black; + } + +.tooltip.bs-tooltip-right .arrow:before { + border-right-color: $black !important; +} + +.tooltip.bs-tooltip-left .arrow:before { + border-left-color: $black !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before { + border-bottom-color: $black !important; +} + +.tooltip.bs-tooltip-top .arrow:before { + border-top-color: $black !important; +} + +// Callouts + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid $border-color; + border-left-width: .25rem; + border-radius: .25rem; +} + +// Alerts + +.alert { + padding: .5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +// Toasts + +.toast { + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $white; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: $black; + border-radius: $border-radius; +} + +// Navbar and tab Bar + +.navbar-light { + background-color: $white; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: $dark; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: $primary; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: $purple; + font-weight: $font-weight-bold; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 $border-color; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; + padding: .75rem 1rem 0 1rem; + background-color: $white; + z-index: 5; +} + +// Nav links + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: $black; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: $light; + border-radius: $border-radius +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: $border-radius; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: $primary; + text-align: center; + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: $gray-500; + text-align: center; + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: $white; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: $primary; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: $white; +} + +.navbar-dark .navbar-nav .nav-link { + color: $white; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: $border-radius; +} + +.navbar-dark .navbar-nav .show>.nav-link:focus, .navbar-dark .navbar-nav .show>.nav-link:active, .navbar-dark .navbar-nav .show>.nav-link:hover { + background-color: $light; + border-radius: $border-radius +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: $white; + text-align: center; + font-size: $font-size-lg; +} + +.navbar-dark .navbar-nav .show>.nav-link:focus .fa, .navbar-dark .navbar-nav .show>.nav-link:focus .fas, .navbar-dark .navbar-nav .show>.nav-link:focus .far, .navbar-dark .navbar-nav .show>.nav-link:focus .fab { + color: $black; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: $white; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: $danger; + position: absolute; + color: $white; + font-size: 10px; + font-weight: $font-weight-bold; + top: -4px; + left: 12px; + border: 2px solid $white; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: $muted; + font-size: $font-size-base; + font-weight: $font-weight-bold; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: $gray; + font-size: $font-size-base; + font-weight: $font-weight-normal; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: $primary; + //box-shadow: inset 0 -2px 0 $primary; +} + +.settings-nav > .nav-item > .nav-link.active { + color: $primary; + box-shadow: inset 0 -2px 0 $primary; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: $primary; +} + +.post-nav .nav-link:hover .fa , .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab , .post-nav .nav-link:focus .fab { + color: $primary; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $gray-500; +} + +// Settings navigation + +.settings-nav > .nav-item > .nav-link.active { + color: $primary; + box-shadow: inset 0 -2px 0 $primary; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $muted; +} + +// Color Picker + +.color-picker input[type="radio"] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + + +// Nav pills + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: $font-weight-bold; + color: $muted; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: $primary; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: $primary; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid $primary; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: $primary; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid $primary; +} + +// Navbar icons and search box + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: $purple; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: $white; +} + +.form-inline.search .form-control { + background-color: $gray-200; + font-size: $font-size-base; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: $black; + opacity: .25; +} + +.form-inline.search .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: $black; + opacity: .25; /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: $black; + opacity: .25; +} + +.form-inline.search .form-control::-ms-input-placeholder { /* Microsoft Edge */ + color: $black; + opacity: .25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: $black; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: $black; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder{ /* Microsoft Edge */ + color: $black; +} + +// Jumbotron and Backgrounds + +.bg-svg { + background-color: $dark; + background-attachment: fixed; + background-size: cover; +} + +// Inputs + +.form-control { + color: $muted; + border-color: transparent; + border-width: 2px; + background: $gray-100; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: $border-color; + background-color: $white; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: $gray-300; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: $black; + background-color: #ffffff; + outline: 0; + border-color: $primary; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: $black; + background-color: #ffffff; + outline: 0; + border-color: $primary; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: $font-weight-normal; + font-size: $font-size-base; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: $font-weight-bold; + font-size: 12px; + letter-spacing: 0.025rem; + color: $black; +} + +#login label { + color: $black; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: $black; + vertical-align: middle; + padding: .1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display:none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: $border-radius; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: $black; + text-decoration: none; + background-color: $gray-200; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far +.dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa { + color: $black; +} + +// Typography + +small, .small { + font-size: $small-font-size; +} + +// Tables + +th { + font-weight: $font-weight-bold; +} + +// Font Awesome + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: $small-font-size; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: $small-font-size; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: $font-size-lg; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: $gray; +} + +// Voting + +.voting { + position: relative; + z-index: 2; + font-size: $small-font-size; + font-weight: $font-weight-bold; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ + +/* .voting div:focus { + outline: 0; +} */ + +.active.arrow-up::before { + color: $upvote; +} + +.arrow-up::before { + cursor: pointer; + font-size: $font-size-base; + color: $gray-400; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f357"; + +} + +.arrow-up:hover::before { + color: $upvote; + opacity: 0.5; +} + +.active.arrow-down::before { + color: $downvote; +} + +.arrow-down::before { + cursor: pointer; + font-size: $font-size-base; + color: $gray-400; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f354"; +} + +.arrow-down:hover::before { + color: $downvote; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ + +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: $upvote!important; +} + +.downvoted .arrow-mobile-down { + color: $downvote!important; +} + +.comment-actions .score { + color: $muted; +} + +.score { + color: $black; +} + +.score-up { + color: $upvote !important; +} + +.score-down { + color: $downvote !important; +} + +.banned .score, .deleted .score { + color: $gray-300 !important; +} + +// Link Arrow Symbol + +a .link-arrow { +position: relative; +right: 0; +transition: right ease 0.25s; +margin-left: .5rem; +font-size: $small-font-size; +} + +a:hover .link-arrow { +right: -.5rem; +color: $dark; +} + +// Custom Box Shadows (behaves like borders) + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 $border-color; +} + +// Custom Borders + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +// Opacity + +.opacity-25 { + opacity: .25; +} + +.opacity-50 { + opacity: .5; +} + +.opacity-80 { + opacity: .8; +} + +// Main Content + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: $white; + border-radius: $border-radius; + border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: $gray-100; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: $white; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: $white; +} + +.post-filter { + display: inline-block; + font-size: $small-font-size; + font-weight: $font-weight-bold; + color: $muted; +} + +.post-filter .fa, .post-filter .fas { + font-size: $extra-small-font-size; + margin-right: .5rem; + opacity: .9; + color: $primary; + width: 1rem; +} + +//.posts, #thread #main-content-col { + //background-color: $white; + //border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + //border-radius: $border-radius; +//} + +//#thread #main-content-col { +// margin: 0 15px; +//} + +// Left Sidebar (Terms pages) + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid $border-color; +} +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $muted; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: $primary; + border-left: 2px solid $primary; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: $primary; + font-weight: $font-weight-bold; + left: -1px; + border-left: solid 2px $primary; + z-index: 2; +} + +// Sidebar content + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: $small-font-size; + font-weight: $font-weight-bold; + letter-spacing: 0.025rem; + color: $white; + background-color: $primary; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid $border-color; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: .35rem; + border-bottom-right-radius: .35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: $gray-100; + //border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; + + & .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px $gray-100; + } +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: $muted; + font-weight: $font-weight-bold; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: $black; + background-color: $white; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: $gray; + color: $gray-600; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: $white; + color: $black; + border-color: $gray-100; +} + +// Sidebar Left Collapsed + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: $muted; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f348"; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: $black; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f347"; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + .sidebar-left .collapsed-toggle-parent { + display: none!important; + } +} + +// Sidebar Left + +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} + +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: $gray-600; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: $muted; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: $muted; + font-size: $small-font-size; + font-weight: $font-weight-bold; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: $black; +} + +.filter-list > .filter-item > .filter-link.active { + color: $black; + background-color: $white; + border-radius: $border-radius; + //border: 1px solid $border-color; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: $small-font-size; + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.filter-list .filter-link:hover .fa , .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab , .filter-list .filter-link:focus .fab { + color: $primary; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: $primary; +} + +.filter-link:hover, .filter-link:focus { + color: $primary; +} + +// Guild recommendations section + +//.sidebar-left .sidebar-section.sidebar-guild-recommendations { +// margin-bottom: 1rem; +// background-color: transparent; +// box-shadow: none; +// border-radius: 0; +//} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: $muted; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: $black; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: $black; + background-color: $white; + border-radius: $border-radius; + //border: 1px solid $border-color; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa , .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab , .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: $primary; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: $primary; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: $primary; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: $border-radius; + box-shadow: $box-shadow-sm; +} + +// Sidebar Left Dashboard Section + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: $muted; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: $muted; + font-size: $font-size-base; + font-weight: $font-weight-bold; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: $black; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: $primary; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: $small-font-size; + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa , .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab , .dashboard-list .dashboard-link:focus .fab { + color: $primary; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: $primary; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: $primary; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent!important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: .25rem; +} + +.online-count { + margin-bottom: .25rem; +} + +// Progress Bar + +.progress { + border-radius: 50%; +} + +// User and Profile + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: .35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: $white; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: $font-size-lg; + font-weight: $font-weight-bold; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: $small-font-size; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $white; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +// Thread Card View + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ + +.toggle-view .nav-link { + color: $gray; + font-size: $small-font-size; + font-weight: $font-weight-bold; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $gray-600; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: $primary; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab , .toggle-view .nav-link:focus .fab { + color: $primary; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +// Thread + +.card-header:first-child { + border-radius: $border-radius $border-radius 0 0; +} + +.card-header { + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $gray; + padding: 0.5rem 1rem; + border-bottom: 1px solid $input-border-color; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border-bottom: 1px solid $border-color; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: $border-color; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: $gray-200; +} + +.post-title { + font-size: 16px; + font-weight: $font-weight-bold; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: $black; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: $primary; +} + +#frontpage .post-title a { + color: $black; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: $black; +} + +.stretched-link a:hover { + color: $purple +} + +.post-meta { + position: relative; + z-index: 2; + color: $muted; + font-size: $small-font-size; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +// Modals (post actions, delete confirmations, etc) + +.modal-backdrop.show { + opacity: 1; + background-color:rgba(30,30,30,0.9); +} + +.modal-header { + border-bottom: 1px solid $border-color; + background-color: $white; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: $border-radius; + box-shadow: $box-shadow; +} + +.modal-footer { + border: none; + background-color: $gray-200; + border-bottom-right-radius: $border-radius; + border-bottom-left-radius: $border-radius; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: $border-radius; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: $gray-200; +} + +.modal .post-actions a { + color: $black; + font-size: $font-size-base; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +.post-actions { + position: relative; + color: $muted; + font-weight: $font-weight-bold; + font-size: $small-font-size; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: $small-font-size; + margin-right: .5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: $font-size-lg; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: $black; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: $black; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: $black; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: $black; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far +.post-actions .removeDropdownItem.dropdown-item:hover .fa, .post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far +.post-actions .approveDropdownItem.dropdown-item:hover .fa, .post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} + +// Dropdown actions + +.dropdown-actions { + position: relative; + color: $muted; + font-weight: $font-weight-bold; + font-size: $small-font-size; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: $small-font-size; + color: $muted; + margin-right: .5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: $font-size-lg; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: $black; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: $black; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: $black; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: $black; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +// Guilds + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg,$gray-100,rgba(247,247,248,.25)),linear-gradient(90deg,$gray-100,rgba(247,247,248,.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: $border-radius; + border: 5px solid $white; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +// Pagination + +.page-link { + font-weight: $font-weight-bold; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} +} + +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: $font-size-base; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: $white; +} + +.post-actions a { + color: $gray; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: $black; +} + +.post-actions .dropdown-item:hover { + color: $black; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid $primary; + border-radius: $border-radius; + z-index: 2; + background-color: $gray-300; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: .25rem .5rem; + text-align: right; + width: 100%; + color: $white; +} + + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: $white; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: .25rem .5rem; + text-align: right; + width: 100%; + color: $white; +} +} + +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: .5rem; + vertical-align: top; + +} + +.time-stamp, .points { + color: $muted; +} + +// Thread Comments + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: $font-weight-bold; + font-size: $small-font-size; + color: $muted; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: $small-font-size; + color: $muted; + margin-bottom: .25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: $black; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: $black; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid $primary +} + +blockquote { + border-left: 2px solid $primary; + color: $primary; + font-size: $font-size-base; + font-weight: $font-weight-normal; + background-color: rgba($primary, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +// Modal Comment Actions + +.modal .comment-actions .list-group-item { + border: none; + border-radius: $border-radius; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: $gray-200; +} + +.modal .comment-actions a { + color: $black; + font-size: $font-size-base; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +// Comments + +.comment-section { + background-color: $gray-100; +} + +.comment-actions { + font-weight: $font-weight-bold; + font-size: $small-font-size; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: .5rem; + color: $gray-500; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: $black; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: $black; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: $black; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: $small-font-size; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: $black; +} + +.comment-actions a { + color: $gray; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: $black; +} + +.comment-actions .dropdown-item:hover { + color: $black; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far +.comment-actions .removeDropdownItem.dropdown-item:hover .fa, .comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far +.comment-actions .approveDropdownItem.dropdown-item:hover .fa, .comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: $h5-font-size; + color: $black; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: $white; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: .5rem .75rem; + min-height: 84px; +} + +.comment-write textarea { + background: $white; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 .5rem; + font-size: $font-size-base; + color: $gray-500; +} + +.comment-write .comment-format .format:hover { + color: $muted; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid $gray-400; + font-size: $font-size-base; + color: $primary; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: $primary; +} + +.comment.collapsed .comment-collapse::before { + content: "\f055"; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: $gray-500; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: $primary; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: .5; +} + +.comment.collapsed .comment-body { + opacity: .5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: .25rem; +} + +// Thread Reactions + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: $font-weight-bold; + margin-bottom: .5rem; +} + +.reaction { + border: 1px solid $gray-300; + background-color: $white; + padding: 0.25rem 0.5rem; + border-radius: .35rem; + font-weight: $font-weight-bold; + margin-right: .25rem; +} + +.reaction:hover { + background-color: $gray-200; +} + +.reaction .count { + margin-left: .5rem; +} + +.reaction .reacted { + border-color: $purple; + background-color: rgba(60, 173, 243, 0.08); + color: $purple +} + +// Sidebar + +.sidebar-post-meta .score { + font-size: $h5-font-size; + font-weight: $font-weight-bold; +} + +.sidebar-post-meta .score-percent { + font-size: $extra-small-font-size; + color: $gray-600; + font-weight: $font-weight-normal; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: $small-font-size; + color: $muted; + font-weight: $font-weight-normal; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date{ + font-size: $small-font-size; + color: $black; + font-weight: $font-weight-normal; + text-transform: capitalize; +} + +// Login Page + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: $white; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); + +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: $white; + font-weight: $font-weight-normal; +} + +// Pagination + +.pagination { + padding: 1rem 0; +} + +// Tables + +.table .thead-dark th { + color: $muted; + font-size: $small-font-size; + text-transform: uppercase; + background-color: $light; + border: none; +} + +// Guild Settings Page + +#settings-guild { + background-color: $white; +} + +#settings-guild .settings .settings-section { + border: 1px solid $border-color; +} + +// Settings Page + +.settings .settings-section { + margin-bottom: 3rem; + background: $white; + border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: $gray-200; +} + +// Modal Profile Actions + +.modal .profile-actions .list-group-item { + border: none; + border-radius: $border-radius; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: $gray-200; +} + +.modal .profile-actions a { + color: $black; + font-size: $font-size-base; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +// Profile Page + +.profile-actions a { + color: $gray; + text-decoration: none; + font-size: $small-font-size; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: $small-font-size; + color: $gray-600; +} + +.profile-actions .dropdown-item:hover { + color: $black; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: $small-font-size; + color: $gray-600; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: $black; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: $black; +} + +// Footer + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: $font-weight-bold; +} + +#page .footer a, #article .footer a { + color: $white; + opacity: .8; +} + +#page .footer li, #article .footer li { + padding: .25rem 0; +} + +.footer .list-inline-item { + font-weight: $font-weight-normal; +} + +.footer a { + text-decoration: none; + color: $muted; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: $white; +} + +// Empty States + +.empty-state-img { + width: 200px; + opacity: .35; + filter: brightness(0); +} + +// Animate FA Icons + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +}; +@-webkit-keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; +@keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; +@-moz-keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; + +// Responsive Borders + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .border#{$infix}-top { border-top: $border-width solid $border-color !important; } + .border#{$infix}-right { border-right: $border-width solid $border-color !important; } + .border#{$infix}-bottom { border-bottom: $border-width solid $border-color !important; } + .border#{$infix}-left { border-left: $border-width solid $border-color !important; } + + .border#{$infix}-top-0 { border-top: 0 !important; } + .border#{$infix}-right-0 { border-right: 0 !important; } + .border#{$infix}-bottom-0 { border-bottom: 0 !important; } + .border#{$infix}-left-0 { border-left: 0 !important; } + + .border#{$infix}-x { + border-left: $border-width solid $border-color !important; + border-right: $border-width solid $border-color !important; + } + + .border#{$infix}-y { + border-top: $border-width solid $border-color !important; + border-bottom: $border-width solid $border-color !important; + } + + .border#{$infix} { + border: $border-width solid $border-color !important; + } + + .border#{$infix}-0 { + border: none !important; + } + +// Responsive Border Radius + + .rounded#{$infix} { @include border-radius($border-radius); } + .rounded#{$infix}-top { @include border-top-radius($border-radius); @include border-bottom-radius(0); } + .rounded#{$infix}-right { @include border-right-radius($border-radius); @include border-left-radius(0); } + .rounded#{$infix}-bottom { @include border-bottom-radius($border-radius); @include border-top-radius(0); } + .rounded#{$infix}-left { @include border-left-radius($border-radius); @include border-right-radius(0); } + .rounded#{$infix}-circle { border-radius: 50%; } + .rounded#{$infix}-0 { border-radius: 0; } + + } +} + +// Responsive Shadow + +@media (min-width: 768px) { + .shadow-md { + box-shadow: $box-shadow; + } + } + +// Responsive Sizing + +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + .w-sm-50 { + width: 50% !important; + } + .w-sm-75 { + width: 75% !important; + } + .w-sm-100 { + width: 100% !important; + } + .w-sm-auto { + width: auto !important; + } + .h-sm-25 { + height: 25% !important; + } + .h-sm-50 { + height: 50% !important; + } + .h-sm-75 { + height: 75% !important; + } + .h-sm-100 { + height: 100% !important; + } + .h-sm-auto { + height: auto !important; + } + } + + @media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + .w-md-50 { + width: 50% !important; + } + .w-md-75 { + width: 75% !important; + } + .w-md-100 { + width: 100% !important; + } + .w-md-auto { + width: auto !important; + } + .h-md-25 { + height: 25% !important; + } + .h-md-50 { + height: 50% !important; + } + .h-md-75 { + height: 75% !important; + } + .h-md-100 { + height: 100% !important; + } + .h-md-auto { + height: auto !important; + } + } + + @media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + .w-lg-50 { + width: 50% !important; + } + .w-lg-75 { + width: 75% !important; + } + .w-lg-100 { + width: 100% !important; + } + .w-lg-auto { + width: auto !important; + } + .h-lg-25 { + height: 25% !important; + } + .h-lg-50 { + height: 50% !important; + } + .h-lg-75 { + height: 75% !important; + } + .h-lg-100 { + height: 100% !important; + } + .h-lg-auto { + height: auto !important; + } + } + + @media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + .w-xl-50 { + width: 50% !important; + } + .w-xl-75 { + width: 75% !important; + } + .w-xl-100 { + width: 100% !important; + } + .w-xl-auto { + width: auto !important; + } + .h-xl-25 { + height: 25% !important; + } + .h-xl-50 { + height: 50% !important; + } + .h-xl-75 { + height: 75% !important; + } + .h-xl-100 { + height: 100% !important; + } + .h-xl-auto { + height: auto !important; + } + } + +// Submit Page + +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: .5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: $gray-300; + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: $gray-200; + padding: 1rem; + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; +} + +// Transitions + +.transition-15 { + -webkit-transition: width .15s; + transition: width .15s; +} + +// Custom Checkboxes and Radio Buttons + +.custom-control-label { + text-transform: none; + font-weight: $font-weight-normal; + font-size: $font-size-base; + letter-spacing: 0; + color: $black; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: $purple; + border: 1px solid $purple; +} + +// Custom Switch (iOS-like toggle) + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; // added for positioning +} + +.custom-switch .custom-control-label { // added for alignment with the switch + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: $success; + border: $success solid 1px; + +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; // it was 1.75rem before. Sliding way is longer than before. + pointer-events: all; + border-radius: 1rem; + background-color: $gray-500; + border: $gray-500 solid 1px; + opacity: .7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: .85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); // it was calc(1rem - 4px) before. Oval is bigger than before. + height: calc(1.5rem - 4px); // it was calc(1rem - 4px) before. Oval is bigger than before. + background-color: $white; + border-radius: 2rem; // it was 0.5rem before. Oval is bigger than before. + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); //translateX(0.75rem); + transform: translateX(1.25rem); //translateX(0.75rem); +} + +// Code + +pre code { + word-break: break-word; + white-space: break-spaces; + color: $code; +} + +// Code Prettify + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: $white; + font-weight: $font-weight-normal; + background-color: transparent; + right: 1rem; + padding: .25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: $green; +} + +pre .str, code .str { + color: $green; + opacity: .75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: $white; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +// GIF Keyboard + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: $border-radius; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all .15s ease; + -moz-transition: all .15s ease; + -o-transition: all .15s ease; + -ms-transition: all .15s ease; + transition: all .15s ease; +} + +.gif-categories img:hover { + border: 3px solid $primary; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all .15s ease; + -moz-transition: all .15s ease; + -o-transition: all .15s ease; + -ms-transition: all .15s ease; + transition: all .15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid $primary; + border-radius: $border-radius; +} + +// Responsive media queries + +// Medium devices (tablets, less than 992px) +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + +html { + font-size: 14px; +} + +.container { + overflow: hidden; + max-width: none; +} + +body, #settings, #notifications, #submit{ + padding-top: 49px; + background-color: $white; +} + +#thread, #userpage { + background-color: $white; +} + +.custom-gutters { + padding-left: 8px; + padding-right: 0; +} + +.shadow-sm-0 { + box-shadow: none!important; +} + +.navbar-nav { + height: 100vh; +} + +.navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; +} + +.navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: $purple; + font-size: $font-size-lg; +} + +#fixed-bar-mobile { + box-shadow: $box-shadow; +} + +.mobile-nav-icon { + padding: 0.25rem 0.75rem; +} + +#frontpage, #search, #guild{ + padding-top: 98px; +} + +#search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; +} + +#frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid $border-color; +} + +#frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; +} + +#frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; +} + +#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; +} + +.toggle-view { + padding-top: 2px; +} + +// Toasts + +.toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; +} + +/* + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; +} + +*/ + +// Guild + +.jumbotron-guild { + height: 115px; +} + +// Posts and thread + +.posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; +} + +#thread #main-content-col { + margin: 0; +} + +.thumb-img-link-overlay { + display: none; +} + +.post-title a { + color: $black; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + color: $primary; +} + +#thread .voting { + min-width: 0; + margin-right: 0; +} + +.voting { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; +} + +.post-title { + font-size: 14px; + font-weight: $font-weight-normal; + line-height: normal; + overflow: hidden; +} + +.post-meta { + font-size: 1rem; + color: $gray-600; +} + +.post-actions { + color: $gray-500; + font-weight: $font-weight-normal; +} + +.post-actions a { + color: $gray-500; + font-size: $font-size-base; + font-weight: $font-weight-normal; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: $font-size-base; + color: $gray-400; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: $font-size-lg; +} + +// Voting Mobile + +.comment-actions .score { + color: $muted; +} + +.score { + color: $muted; +} + +.arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: $font-size-lg; + color: $gray-400; + opacity: 1; +} + +.active.arrow-up::before, .active.arrow-up:hover::before { + color: $upvote; +} + +.active.arrow-down::before, .active.arrow-down:hover::before { + color: $downvote; +} + +.dropdown-actions a { + font-size: $font-size-base; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: $font-size-base; + color: $gray-400; +} + +.btn-tag { + font-size: $small-font-size; +} + +// Comments + +.comment-section { + background-color: $white; +} + +.comment-write textarea { + background-color: $gray-100; +} + +.comment-section > .comment { + padding-left: 20px; + } + +.comment { + margin-top: 1.5rem; +} + +.comment .comment-collapse { + padding-right: 15px; +} + +.comment.collapsed .user-info { + padding-top: 0.5rem; +} + +.comment .comment-collapse::before { + content: "\f056"; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; +} + +.comment.collapsed .comment-body:hover { + opacity: 0.5; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: $gray-400; +} + +// User and Profile (mobile) + +.banner-pic-135 { + max-width: 100% +} + +// Horizontal scroll + +.x-scroll-parent { + overflow: hidden; +} + +.x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE 10+ */ +} + +.x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; /* Chrome/Safari/Webkit */ +} + +#thread .post-title { + font-size: 16px; +} + +#submit .submission { + box-shadow: none; +} + +#submit .submission .body { + padding: 0; +} + +#submit .submission .footer { + background: transparent; + padding: 1rem 0; +} + +.footer .list-inline-item { + line-height: 3; +} + +.comments-count .total { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +.comment-actions { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +.comment-write .comment-format .format { + display: none; +} + +.post-filter { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +.post-filter .dropdown-item { + font-weight: $font-weight-normal; +} + +.user-name { + font-weight: $font-weight-normal; +} + +.comment .comment-body .user-name { + color: $black; + font-weight: $font-weight-bold; +} + +.pagination { + padding: 1rem; +} + +input[type="color"], +input[type="date"], +input[type="datetime"], +input[type="datetime-local"], +input[type="email"], +input[type="month"], +input[type="number"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="text"], +input[type="time"], +input[type="url"], +input[type="week"], +select:focus, +textarea { + font-size: 16px!important; +} + +textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +} + +// Scroll bar + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +// Hides scroll bar in FF + +.hide-scrollbar { + scrollbar-width: none; +} + +// Adam's additions + +.sidebar-adminpanel input[type="submit"] { + width:100% +} + +.noshow { + display: none; +} + +span.red { + color: $admin; +} + +span.green { + color: $green; +} + +div.banned { + background-color: $banned; +} + +div.deleted { + background-color: $deleted; +} + +div.deleted.banned { + background-color: $deletedandbanned +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} +.distinguish-admin .user-name { + background-color: $admin; +} +.distinguish-mod .user-name { + background-color: $mod; +} +.distinguish-admin .user-name::before { + content: "[A] " +} +.distinguish-mod .user-name::before { + content: "[M] " +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; + .onboarding-card-overlay { + background-color: rgba(0,0,0,0.65); + } + &.selected { + .onboarding-card-overlay { + background-color: rgba($purple, .65); + } + } +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; + &.selected { + display: block; + } +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: $black; + background-color: $black; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: $white; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} + +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; + } + +.comment .comment-collapse-desktop:hover { + border-left-color: $gray !important; } + +.comment.collapsed .comment-collapse-desktop:hover { + color: $gray !important; } + +#frontpage .post-title a:visited { + color: $gray; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: $medium-font-size; + padding: 0.75rem 0.4rem;} +} + +.comment-box { + border: 2px solid $gray-200; +} \ No newline at end of file diff --git a/ruqqus/assets/style/light_2a96f3.css b/ruqqus/assets/style/light_2a96f3.css new file mode 100644 index 000000000..78cf61a1c --- /dev/null +++ b/ruqqus/assets/style/light_2a96f3.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #2a96f3; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #2a96f3; +} + +.bd-callout-purple { + border-left-color: #2a96f3; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #2a96f3; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #2a96f3; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #2a96f3; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #2a96f3; + --purple: #2a96f3; + --gold: #ECC94B; + --admin: #2a96f3; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #2a96f3; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #2a96f3; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #2a96f3; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #2a96f3; + text-decoration: none; +} +.btn-link:hover { + color: #2a96f3; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #2a96f3; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2a96f3; + background-color: #2a96f3; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2a96f3; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #2a96f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2a96f3; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #2a96f3; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #2a96f3; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #2a96f3; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #2a96f3; + border-color: #2a96f3; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2a96f3 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2a96f3 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #2a96f3 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #2a96f3 !important; +} + +.bg-purple { + background-color: #2a96f3 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #2a96f3 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #2a96f3 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #2a96f3 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2a96f3 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #2a96f3 !important; +} + +.border-purple { + border-color: #2a96f3 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #2a96f3 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #2a96f3 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2a96f3 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #2a96f3 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #2a96f3 !important; +} + +.text-purple { + color: #2a96f3 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #2a96f3 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #2a96f3 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #2a96f3 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #2a96f3; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #2a96f3; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #2a96f3; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #2a96f3; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #2a96f3; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #2a96f3; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #2a96f3; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #2a96f3; + box-shadow: inset 0 -2px 0 #2a96f3; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #2a96f3; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #2a96f3; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #2a96f3; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #2a96f3; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #2a96f3; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #2a96f3; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #2a96f3; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #2a96f3 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #2a96f3 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #2a96f3; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #2a96f3; + border-left: 2px solid #2a96f3; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #2a96f3; + font-weight: 600; + left: -1px; + border-left: solid 2px #2a96f3; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #2a96f3; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #2a96f3; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #2a96f3; +} + +.filter-link:hover, .filter-link:focus { + color: #2a96f3; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #2a96f3; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #2a96f3; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #2a96f3; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #2a96f3; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #2a96f3; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #2a96f3; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #2a96f3; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #2a96f3; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #2a96f3; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #2a96f3; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #2a96f3; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #2a96f3; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #2a96f3; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #2a96f3; +} + +blockquote { + border-left: 2px solid #2a96f3; + color: #2a96f3; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #2a96f3; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #2a96f3; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #2a96f3; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #2a96f3; + background-color: rgba(60, 173, 243, 0.08); + color: #2a96f3; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #2a96f3; + border: 1px solid #2a96f3; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #2a96f3; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #2a96f3; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #2a96f3; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #2a96f3; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #2a96f3; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #2a96f3; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #2a96f3; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_2a96f3.css.map */ diff --git a/ruqqus/assets/style/light_30409f.css b/ruqqus/assets/style/light_30409f.css new file mode 100644 index 000000000..c672f4788 --- /dev/null +++ b/ruqqus/assets/style/light_30409f.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #30409f; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #30409f; +} + +.bd-callout-purple { + border-left-color: #30409f; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #30409f; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #30409f; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #30409f; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #30409f; + --purple: #30409f; + --gold: #ECC94B; + --admin: #30409f; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #30409f; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #30409f; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #30409f; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #30409f; + text-decoration: none; +} +.btn-link:hover { + color: #30409f; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #30409f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #30409f; + background-color: #30409f; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #30409f; + background-color: #30409f; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #30409f; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #30409f; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #30409f; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #30409f; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #30409f; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #30409f; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #30409f; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #30409f; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #30409f; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #30409f; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #30409f; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #30409f; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #30409f; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #30409f; + border-color: #30409f; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #30409f !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #30409f !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #30409f !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #30409f !important; +} + +.bg-purple { + background-color: #30409f !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #30409f !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #30409f !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #30409f !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #30409f !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #30409f !important; +} + +.border-purple { + border-color: #30409f !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #30409f !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #30409f !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #30409f !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #30409f !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #30409f !important; +} + +.text-purple { + color: #30409f !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #30409f !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #30409f !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #30409f !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #30409f; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #30409f; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #30409f; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #30409f; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #30409f; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #30409f; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #30409f; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #30409f; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #30409f; + box-shadow: inset 0 -2px 0 #30409f; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #30409f; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #30409f; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #30409f; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #30409f; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #30409f; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #30409f; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #30409f; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #30409f !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #30409f !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #30409f; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #30409f; + border-left: 2px solid #30409f; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #30409f; + font-weight: 600; + left: -1px; + border-left: solid 2px #30409f; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #30409f; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #30409f; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #30409f; +} + +.filter-link:hover, .filter-link:focus { + color: #30409f; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #30409f; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #30409f; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #30409f; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #30409f; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #30409f; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #30409f; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #30409f; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #30409f; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #30409f; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #30409f; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #30409f; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #30409f; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #30409f; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #30409f; +} + +blockquote { + border-left: 2px solid #30409f; + color: #30409f; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #30409f; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #30409f; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #30409f; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #30409f; + background-color: rgba(60, 173, 243, 0.08); + color: #30409f; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #30409f; + border: 1px solid #30409f; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #30409f; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #30409f; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #30409f; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #30409f; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #30409f; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #30409f; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #30409f; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_30409f.css.map */ diff --git a/ruqqus/assets/style/light_38a169.css b/ruqqus/assets/style/light_38a169.css new file mode 100644 index 000000000..c79b73835 --- /dev/null +++ b/ruqqus/assets/style/light_38a169.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #38a169; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #38a169; +} + +.bd-callout-purple { + border-left-color: #38a169; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #38a169; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #38a169; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #38a169; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #38a169; + --purple: #38a169; + --gold: #ECC94B; + --admin: #38a169; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #38a169; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #38a169; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #38a169; + text-decoration: none; +} +.btn-link:hover { + color: #38a169; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #38a169; + background-color: #38a169; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #38a169; + background-color: #38a169; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #38a169; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #38a169; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #38a169; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #38a169; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #38a169; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #38a169; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #38a169; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #38a169; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #38a169; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #38a169; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #38a169; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #38a169; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #38a169; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #38a169 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #38a169 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #38a169 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #38a169 !important; +} + +.bg-purple { + background-color: #38a169 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #38a169 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #38a169 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #38a169 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #38a169 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #38a169 !important; +} + +.border-purple { + border-color: #38a169 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #38a169 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #38a169 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #38a169 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #38a169 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #38a169 !important; +} + +.text-purple { + color: #38a169 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #38a169 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #38a169 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #38a169 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #38a169; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #38a169; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #38a169; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #38a169; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #38a169; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #38a169; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #38a169; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #38a169; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #38a169; + box-shadow: inset 0 -2px 0 #38a169; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #38a169; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #38a169; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #38a169; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #38a169; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #38a169; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #38a169; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #38a169; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #38a169 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #38a169 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #38a169; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #38a169; + border-left: 2px solid #38a169; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #38a169; + font-weight: 600; + left: -1px; + border-left: solid 2px #38a169; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #38a169; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #38a169; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #38a169; +} + +.filter-link:hover, .filter-link:focus { + color: #38a169; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #38a169; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #38a169; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #38a169; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #38a169; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #38a169; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #38a169; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #38a169; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #38a169; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #38a169; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #38a169; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #38a169; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #38a169; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #38a169; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #38a169; +} + +blockquote { + border-left: 2px solid #38a169; + color: #38a169; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #38a169; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #38a169; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #38a169; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #38a169; + background-color: rgba(60, 173, 243, 0.08); + color: #38a169; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #38a169; + border: 1px solid #38a169; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #38a169; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #38a169; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #38a169; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #38a169; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #38a169; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #38a169; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #38a169; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_38a169.css.map */ diff --git a/ruqqus/assets/style/light_3e98a7.css b/ruqqus/assets/style/light_3e98a7.css new file mode 100644 index 000000000..5feaaeca5 --- /dev/null +++ b/ruqqus/assets/style/light_3e98a7.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #3e98a7; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #3e98a7; +} + +.bd-callout-purple { + border-left-color: #3e98a7; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #3e98a7; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #3e98a7; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #3e98a7; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #3e98a7; + --purple: #3e98a7; + --gold: #ECC94B; + --admin: #3e98a7; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3e98a7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3e98a7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #3e98a7; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #3e98a7; + text-decoration: none; +} +.btn-link:hover { + color: #3e98a7; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #3e98a7; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #3e98a7; + background-color: #3e98a7; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #3e98a7; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #3e98a7; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #3e98a7; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #3e98a7; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #3e98a7; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #3e98a7; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #3e98a7; + border-color: #3e98a7; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #3e98a7 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #3e98a7 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #3e98a7 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #3e98a7 !important; +} + +.bg-purple { + background-color: #3e98a7 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #3e98a7 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #3e98a7 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #3e98a7 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #3e98a7 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #3e98a7 !important; +} + +.border-purple { + border-color: #3e98a7 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #3e98a7 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #3e98a7 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #3e98a7 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #3e98a7 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #3e98a7 !important; +} + +.text-purple { + color: #3e98a7 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #3e98a7 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #3e98a7 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #3e98a7 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #3e98a7; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #3e98a7; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #3e98a7; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #3e98a7; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #3e98a7; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #3e98a7; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #3e98a7; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #3e98a7; + box-shadow: inset 0 -2px 0 #3e98a7; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #3e98a7; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #3e98a7; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #3e98a7; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #3e98a7; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #3e98a7; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #3e98a7; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #3e98a7; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #3e98a7 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #3e98a7 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #3e98a7; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #3e98a7; + border-left: 2px solid #3e98a7; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #3e98a7; + font-weight: 600; + left: -1px; + border-left: solid 2px #3e98a7; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #3e98a7; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #3e98a7; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #3e98a7; +} + +.filter-link:hover, .filter-link:focus { + color: #3e98a7; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #3e98a7; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #3e98a7; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #3e98a7; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #3e98a7; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #3e98a7; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #3e98a7; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #3e98a7; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #3e98a7; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #3e98a7; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #3e98a7; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #3e98a7; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #3e98a7; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #3e98a7; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #3e98a7; +} + +blockquote { + border-left: 2px solid #3e98a7; + color: #3e98a7; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #3e98a7; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #3e98a7; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #3e98a7; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #3e98a7; + background-color: rgba(60, 173, 243, 0.08); + color: #3e98a7; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3e98a7; + border: 1px solid #3e98a7; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #3e98a7; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #3e98a7; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #3e98a7; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #3e98a7; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #3e98a7; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #3e98a7; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #3e98a7; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_3e98a7.css.map */ diff --git a/ruqqus/assets/style/light_62ca56.css b/ruqqus/assets/style/light_62ca56.css new file mode 100644 index 000000000..cae6e8817 --- /dev/null +++ b/ruqqus/assets/style/light_62ca56.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #62ca56; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #62ca56; +} + +.bd-callout-purple { + border-left-color: #62ca56; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #62ca56; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #62ca56; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #62ca56; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #62ca56; + --purple: #62ca56; + --gold: #ECC94B; + --admin: #62ca56; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #62ca56; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #62ca56; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #62ca56; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #62ca56; + text-decoration: none; +} +.btn-link:hover { + color: #62ca56; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #62ca56; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #62ca56; + background-color: #62ca56; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #62ca56; + background-color: #62ca56; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #62ca56; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #62ca56; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #62ca56; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #62ca56; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #62ca56; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #62ca56; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #62ca56; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #62ca56; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #62ca56; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #62ca56; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #62ca56; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #62ca56; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #62ca56; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #62ca56; + border-color: #62ca56; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #62ca56 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #62ca56 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #62ca56 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #62ca56 !important; +} + +.bg-purple { + background-color: #62ca56 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #62ca56 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #62ca56 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #62ca56 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #62ca56 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #62ca56 !important; +} + +.border-purple { + border-color: #62ca56 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #62ca56 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #62ca56 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #62ca56 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #62ca56 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #62ca56 !important; +} + +.text-purple { + color: #62ca56 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #62ca56 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #62ca56 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #62ca56 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #62ca56; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #62ca56; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #62ca56; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #62ca56; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #62ca56; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #62ca56; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #62ca56; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #62ca56; + box-shadow: inset 0 -2px 0 #62ca56; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #62ca56; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #62ca56; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #62ca56; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #62ca56; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #62ca56; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #62ca56; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #62ca56; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #62ca56 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #62ca56 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #62ca56; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #62ca56; + border-left: 2px solid #62ca56; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #62ca56; + font-weight: 600; + left: -1px; + border-left: solid 2px #62ca56; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #62ca56; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #62ca56; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #62ca56; +} + +.filter-link:hover, .filter-link:focus { + color: #62ca56; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #62ca56; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #62ca56; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #62ca56; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #62ca56; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #62ca56; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #62ca56; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #62ca56; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #62ca56; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #62ca56; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #62ca56; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #62ca56; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #62ca56; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #62ca56; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #62ca56; +} + +blockquote { + border-left: 2px solid #62ca56; + color: #62ca56; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #62ca56; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #62ca56; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #62ca56; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #62ca56; + background-color: rgba(60, 173, 243, 0.08); + color: #62ca56; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #62ca56; + border: 1px solid #62ca56; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #62ca56; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #62ca56; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #62ca56; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #62ca56; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #62ca56; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #62ca56; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #62ca56; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_62ca56.css.map */ diff --git a/ruqqus/assets/style/light_7b9ae4.css b/ruqqus/assets/style/light_7b9ae4.css new file mode 100644 index 000000000..e0648ef89 --- /dev/null +++ b/ruqqus/assets/style/light_7b9ae4.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #7b9ae4; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7b9ae4; +} + +.bd-callout-purple { + border-left-color: #7b9ae4; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7b9ae4; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7b9ae4; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #7b9ae4; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #7b9ae4; + --purple: #7b9ae4; + --gold: #ECC94B; + --admin: #7b9ae4; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7b9ae4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7b9ae4; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7b9ae4; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7b9ae4; + text-decoration: none; +} +.btn-link:hover { + color: #7b9ae4; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #7b9ae4; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7b9ae4; + background-color: #7b9ae4; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7b9ae4; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #7b9ae4; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7b9ae4; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #7b9ae4; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #7b9ae4; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #7b9ae4; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #7b9ae4; + border-color: #7b9ae4; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7b9ae4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7b9ae4 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7b9ae4 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7b9ae4 !important; +} + +.bg-purple { + background-color: #7b9ae4 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7b9ae4 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7b9ae4 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7b9ae4 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7b9ae4 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7b9ae4 !important; +} + +.border-purple { + border-color: #7b9ae4 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7b9ae4 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #7b9ae4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7b9ae4 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7b9ae4 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7b9ae4 !important; +} + +.text-purple { + color: #7b9ae4 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7b9ae4 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7b9ae4 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7b9ae4 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7b9ae4; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7b9ae4; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #7b9ae4; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7b9ae4; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7b9ae4; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7b9ae4; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7b9ae4; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7b9ae4; + box-shadow: inset 0 -2px 0 #7b9ae4; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7b9ae4; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7b9ae4; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7b9ae4; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #7b9ae4; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #7b9ae4; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7b9ae4; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7b9ae4; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7b9ae4 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #7b9ae4 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7b9ae4; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7b9ae4; + border-left: 2px solid #7b9ae4; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7b9ae4; + font-weight: 600; + left: -1px; + border-left: solid 2px #7b9ae4; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #7b9ae4; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7b9ae4; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7b9ae4; +} + +.filter-link:hover, .filter-link:focus { + color: #7b9ae4; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7b9ae4; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7b9ae4; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7b9ae4; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7b9ae4; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7b9ae4; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7b9ae4; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7b9ae4; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7b9ae4; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7b9ae4; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7b9ae4; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7b9ae4; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #7b9ae4; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7b9ae4; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #7b9ae4; +} + +blockquote { + border-left: 2px solid #7b9ae4; + color: #7b9ae4; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #7b9ae4; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7b9ae4; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7b9ae4; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #7b9ae4; + background-color: rgba(60, 173, 243, 0.08); + color: #7b9ae4; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #7b9ae4; + border: 1px solid #7b9ae4; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7b9ae4; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7b9ae4; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #7b9ae4; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7b9ae4; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7b9ae4; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7b9ae4; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #7b9ae4; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_7b9ae4.css.map */ diff --git a/ruqqus/assets/style/light_7f8fa6.css b/ruqqus/assets/style/light_7f8fa6.css new file mode 100644 index 000000000..f999177ea --- /dev/null +++ b/ruqqus/assets/style/light_7f8fa6.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #7f8fa6; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #7f8fa6; +} + +.bd-callout-purple { + border-left-color: #7f8fa6; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #7f8fa6; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #7f8fa6; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #7f8fa6; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #7f8fa6; + --purple: #7f8fa6; + --gold: #ECC94B; + --admin: #7f8fa6; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7f8fa6; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #7f8fa6; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #7f8fa6; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7f8fa6; + text-decoration: none; +} +.btn-link:hover { + color: #7f8fa6; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #7f8fa6; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #7f8fa6; + background-color: #7f8fa6; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #7f8fa6; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #7f8fa6; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7f8fa6; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #7f8fa6; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #7f8fa6; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #7f8fa6; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #7f8fa6; + border-color: #7f8fa6; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #7f8fa6 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #7f8fa6 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #7f8fa6 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #7f8fa6 !important; +} + +.bg-purple { + background-color: #7f8fa6 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #7f8fa6 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #7f8fa6 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #7f8fa6 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #7f8fa6 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #7f8fa6 !important; +} + +.border-purple { + border-color: #7f8fa6 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #7f8fa6 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #7f8fa6 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #7f8fa6 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #7f8fa6 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #7f8fa6 !important; +} + +.text-purple { + color: #7f8fa6 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #7f8fa6 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #7f8fa6 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #7f8fa6 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #7f8fa6; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #7f8fa6; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #7f8fa6; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #7f8fa6; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #7f8fa6; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #7f8fa6; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #7f8fa6; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #7f8fa6; + box-shadow: inset 0 -2px 0 #7f8fa6; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #7f8fa6; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #7f8fa6; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #7f8fa6; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #7f8fa6; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #7f8fa6; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #7f8fa6; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #7f8fa6; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #7f8fa6 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #7f8fa6 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #7f8fa6; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #7f8fa6; + border-left: 2px solid #7f8fa6; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #7f8fa6; + font-weight: 600; + left: -1px; + border-left: solid 2px #7f8fa6; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #7f8fa6; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #7f8fa6; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #7f8fa6; +} + +.filter-link:hover, .filter-link:focus { + color: #7f8fa6; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #7f8fa6; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #7f8fa6; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #7f8fa6; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #7f8fa6; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #7f8fa6; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #7f8fa6; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #7f8fa6; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #7f8fa6; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #7f8fa6; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #7f8fa6; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #7f8fa6; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #7f8fa6; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #7f8fa6; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #7f8fa6; +} + +blockquote { + border-left: 2px solid #7f8fa6; + color: #7f8fa6; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #7f8fa6; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #7f8fa6; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #7f8fa6; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #7f8fa6; + background-color: rgba(60, 173, 243, 0.08); + color: #7f8fa6; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #7f8fa6; + border: 1px solid #7f8fa6; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #7f8fa6; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #7f8fa6; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #7f8fa6; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #7f8fa6; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #7f8fa6; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #7f8fa6; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #7f8fa6; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_7f8fa6.css.map */ diff --git a/ruqqus/assets/style/light_805ad5.css b/ruqqus/assets/style/light_805ad5.css new file mode 100644 index 000000000..bb9fb29b6 --- /dev/null +++ b/ruqqus/assets/style/light_805ad5.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #805ad5; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #805ad5; +} + +.bd-callout-purple { + border-left-color: #805ad5; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #805ad5; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #805ad5; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #805ad5; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #805ad5; + --purple: #805ad5; + --gold: #ECC94B; + --admin: #805ad5; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #805ad5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #805ad5; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #805ad5; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #805ad5; + text-decoration: none; +} +.btn-link:hover { + color: #805ad5; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #805ad5; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #805ad5; + background-color: #805ad5; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #805ad5; + background-color: #805ad5; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #805ad5; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #805ad5; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #805ad5; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #805ad5; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #805ad5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #805ad5; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #805ad5; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #805ad5; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #805ad5; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #805ad5; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #805ad5; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #805ad5; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #805ad5; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #805ad5; + border-color: #805ad5; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #805ad5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #805ad5 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #805ad5 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #805ad5 !important; +} + +.bg-purple { + background-color: #805ad5 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #805ad5 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #805ad5 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #805ad5 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #805ad5 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #805ad5 !important; +} + +.border-purple { + border-color: #805ad5 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #805ad5 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #805ad5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #805ad5 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #805ad5 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #805ad5 !important; +} + +.text-purple { + color: #805ad5 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #805ad5 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #805ad5 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #805ad5 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #805ad5; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #805ad5; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #805ad5; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #805ad5; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #805ad5; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #805ad5; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #805ad5; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #805ad5; + box-shadow: inset 0 -2px 0 #805ad5; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #805ad5; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #805ad5; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #805ad5; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #805ad5; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #805ad5; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #805ad5; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #805ad5; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #805ad5 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #805ad5 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #805ad5; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #805ad5; + border-left: 2px solid #805ad5; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #805ad5; + font-weight: 600; + left: -1px; + border-left: solid 2px #805ad5; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #805ad5; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #805ad5; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #805ad5; +} + +.filter-link:hover, .filter-link:focus { + color: #805ad5; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #805ad5; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #805ad5; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #805ad5; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #805ad5; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #805ad5; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #805ad5; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #805ad5; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #805ad5; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #805ad5; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #805ad5; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #805ad5; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #805ad5; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #805ad5; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #805ad5; +} + +blockquote { + border-left: 2px solid #805ad5; + color: #805ad5; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #805ad5; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #805ad5; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #805ad5; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #805ad5; + background-color: rgba(60, 173, 243, 0.08); + color: #805ad5; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #805ad5; + border: 1px solid #805ad5; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #805ad5; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #805ad5; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #805ad5; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #805ad5; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #805ad5; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #805ad5; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #805ad5; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_805ad5.css.map */ diff --git a/ruqqus/assets/style/light_80ffff.css b/ruqqus/assets/style/light_80ffff.css new file mode 100644 index 000000000..8266de78d --- /dev/null +++ b/ruqqus/assets/style/light_80ffff.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #80ffff; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #80ffff; +} + +.bd-callout-purple { + border-left-color: #80ffff; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #80ffff; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #80ffff; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #80ffff; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #80ffff; + --purple: #80ffff; + --gold: #ECC94B; + --admin: #80ffff; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #80ffff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #80ffff; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #80ffff; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #80ffff; + text-decoration: none; +} +.btn-link:hover { + color: #80ffff; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #80ffff; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #80ffff; + background-color: #80ffff; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #80ffff; + background-color: #80ffff; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #80ffff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #80ffff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #80ffff; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #80ffff; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #80ffff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #80ffff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #80ffff; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #80ffff; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #80ffff; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #80ffff; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #80ffff; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #80ffff; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #80ffff; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #80ffff; + border-color: #80ffff; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #80ffff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #80ffff !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #80ffff !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #80ffff !important; +} + +.bg-purple { + background-color: #80ffff !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #80ffff !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #80ffff !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #80ffff !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #80ffff !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #80ffff !important; +} + +.border-purple { + border-color: #80ffff !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #80ffff !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #80ffff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #80ffff !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #80ffff !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #80ffff !important; +} + +.text-purple { + color: #80ffff !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #80ffff !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #80ffff !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #80ffff !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #80ffff; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #80ffff; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #80ffff; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #80ffff; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #80ffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #80ffff; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #80ffff; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #80ffff; + box-shadow: inset 0 -2px 0 #80ffff; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #80ffff; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #80ffff; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #80ffff; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #80ffff; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #80ffff; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #80ffff; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #80ffff; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #80ffff !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #80ffff !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #80ffff; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #80ffff; + border-left: 2px solid #80ffff; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #80ffff; + font-weight: 600; + left: -1px; + border-left: solid 2px #80ffff; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #80ffff; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #80ffff; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #80ffff; +} + +.filter-link:hover, .filter-link:focus { + color: #80ffff; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #80ffff; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #80ffff; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #80ffff; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #80ffff; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #80ffff; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #80ffff; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #80ffff; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #80ffff; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #80ffff; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #80ffff; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #80ffff; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #80ffff; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #80ffff; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #80ffff; +} + +blockquote { + border-left: 2px solid #80ffff; + color: #80ffff; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #80ffff; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #80ffff; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #80ffff; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #80ffff; + background-color: rgba(60, 173, 243, 0.08); + color: #80ffff; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #80ffff; + border: 1px solid #80ffff; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #80ffff; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #80ffff; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #80ffff; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #80ffff; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #80ffff; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #80ffff; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #80ffff; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_80ffff.css.map */ diff --git a/ruqqus/assets/style/light_e4432d.css b/ruqqus/assets/style/light_e4432d.css new file mode 100644 index 000000000..11cdea720 --- /dev/null +++ b/ruqqus/assets/style/light_e4432d.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #e4432d; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #e4432d; +} + +.bd-callout-purple { + border-left-color: #e4432d; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #e4432d; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #e4432d; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #e4432d; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #e4432d; + --purple: #e4432d; + --gold: #ECC94B; + --admin: #e4432d; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e4432d; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e4432d; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #e4432d; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e4432d; + text-decoration: none; +} +.btn-link:hover { + color: #e4432d; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #e4432d; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #e4432d; + background-color: #e4432d; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #e4432d; + background-color: #e4432d; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #e4432d; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #e4432d; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #e4432d; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #e4432d; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #e4432d; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #e4432d; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #e4432d; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #e4432d; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #e4432d; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #e4432d; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #e4432d; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #e4432d; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #e4432d; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #e4432d; + border-color: #e4432d; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e4432d !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #e4432d !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #e4432d !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #e4432d !important; +} + +.bg-purple { + background-color: #e4432d !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #e4432d !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #e4432d !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #e4432d !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e4432d !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #e4432d !important; +} + +.border-purple { + border-color: #e4432d !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #e4432d !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #e4432d !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #e4432d !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #e4432d !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #e4432d !important; +} + +.text-purple { + color: #e4432d !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #e4432d !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #e4432d !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #e4432d !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #e4432d; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #e4432d; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #e4432d; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #e4432d; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #e4432d; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #e4432d; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #e4432d; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #e4432d; + box-shadow: inset 0 -2px 0 #e4432d; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #e4432d; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #e4432d; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #e4432d; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #e4432d; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #e4432d; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #e4432d; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #e4432d; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #e4432d !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #e4432d !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #e4432d; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #e4432d; + border-left: 2px solid #e4432d; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #e4432d; + font-weight: 600; + left: -1px; + border-left: solid 2px #e4432d; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #e4432d; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #e4432d; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #e4432d; +} + +.filter-link:hover, .filter-link:focus { + color: #e4432d; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #e4432d; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #e4432d; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #e4432d; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #e4432d; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #e4432d; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #e4432d; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #e4432d; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #e4432d; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #e4432d; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #e4432d; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #e4432d; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #e4432d; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #e4432d; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #e4432d; +} + +blockquote { + border-left: 2px solid #e4432d; + color: #e4432d; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #e4432d; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #e4432d; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #e4432d; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #e4432d; + background-color: rgba(60, 173, 243, 0.08); + color: #e4432d; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e4432d; + border: 1px solid #e4432d; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #e4432d; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #e4432d; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #e4432d; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #e4432d; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #e4432d; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #e4432d; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #e4432d; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_e4432d.css.map */ diff --git a/ruqqus/assets/style/light_eb4963.css b/ruqqus/assets/style/light_eb4963.css new file mode 100644 index 000000000..cd41b63c9 --- /dev/null +++ b/ruqqus/assets/style/light_eb4963.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #eb4963; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #eb4963; +} + +.bd-callout-purple { + border-left-color: #eb4963; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #eb4963; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #eb4963; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #eb4963; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #eb4963; + --purple: #eb4963; + --gold: #ECC94B; + --admin: #eb4963; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #eb4963; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #eb4963; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #eb4963; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #eb4963; + text-decoration: none; +} +.btn-link:hover { + color: #eb4963; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #eb4963; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #eb4963; + background-color: #eb4963; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #eb4963; + background-color: #eb4963; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #eb4963; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #eb4963; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #eb4963; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #eb4963; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #eb4963; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #eb4963; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #eb4963; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #eb4963; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #eb4963; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #eb4963; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #eb4963; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #eb4963; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #eb4963; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #eb4963; + border-color: #eb4963; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #eb4963 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #eb4963 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #eb4963 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #eb4963 !important; +} + +.bg-purple { + background-color: #eb4963 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #eb4963 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #eb4963 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #eb4963 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #eb4963 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #eb4963 !important; +} + +.border-purple { + border-color: #eb4963 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #eb4963 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #eb4963 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #eb4963 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #eb4963 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #eb4963 !important; +} + +.text-purple { + color: #eb4963 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #eb4963 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #eb4963 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #eb4963 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #eb4963; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #eb4963; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #eb4963; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #eb4963; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #eb4963; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #eb4963; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #eb4963; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #eb4963; + box-shadow: inset 0 -2px 0 #eb4963; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #eb4963; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #eb4963; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #eb4963; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #eb4963; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #eb4963; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #eb4963; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #eb4963; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #eb4963 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #eb4963 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #eb4963; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #eb4963; + border-left: 2px solid #eb4963; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #eb4963; + font-weight: 600; + left: -1px; + border-left: solid 2px #eb4963; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #eb4963; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #eb4963; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #eb4963; +} + +.filter-link:hover, .filter-link:focus { + color: #eb4963; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #eb4963; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #eb4963; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #eb4963; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #eb4963; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #eb4963; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #eb4963; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #eb4963; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #eb4963; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #eb4963; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #eb4963; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #eb4963; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #eb4963; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #eb4963; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #eb4963; +} + +blockquote { + border-left: 2px solid #eb4963; + color: #eb4963; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #eb4963; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #eb4963; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #eb4963; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #eb4963; + background-color: rgba(60, 173, 243, 0.08); + color: #eb4963; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #eb4963; + border: 1px solid #eb4963; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #eb4963; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #eb4963; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #eb4963; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #eb4963; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #eb4963; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #eb4963; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #eb4963; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_eb4963.css.map */ diff --git a/ruqqus/assets/style/light_ec72de.css b/ruqqus/assets/style/light_ec72de.css new file mode 100644 index 000000000..67a23cef1 --- /dev/null +++ b/ruqqus/assets/style/light_ec72de.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #ec72de; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ec72de; +} + +.bd-callout-purple { + border-left-color: #ec72de; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ec72de; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ec72de; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #ec72de; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #ec72de; + --purple: #ec72de; + --gold: #ECC94B; + --admin: #ec72de; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ec72de; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ec72de; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ec72de; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ec72de; + text-decoration: none; +} +.btn-link:hover { + color: #ec72de; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #ec72de; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #ec72de; + background-color: #ec72de; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ec72de; + background-color: #ec72de; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ec72de; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #ec72de; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ec72de; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #ec72de; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #ec72de; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #ec72de; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #ec72de; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #ec72de; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #ec72de; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #ec72de; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #ec72de; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #ec72de; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #ec72de; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #ec72de; + border-color: #ec72de; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ec72de !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ec72de !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ec72de !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ec72de !important; +} + +.bg-purple { + background-color: #ec72de !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ec72de !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ec72de !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ec72de !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ec72de !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ec72de !important; +} + +.border-purple { + border-color: #ec72de !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ec72de !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #ec72de !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ec72de !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ec72de !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ec72de !important; +} + +.text-purple { + color: #ec72de !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ec72de !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ec72de !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ec72de !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ec72de; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ec72de; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ec72de; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ec72de; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ec72de; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ec72de; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ec72de; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ec72de; + box-shadow: inset 0 -2px 0 #ec72de; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ec72de; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ec72de; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ec72de; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ec72de; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ec72de; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ec72de; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ec72de; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ec72de !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #ec72de !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ec72de; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ec72de; + border-left: 2px solid #ec72de; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ec72de; + font-weight: 600; + left: -1px; + border-left: solid 2px #ec72de; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #ec72de; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ec72de; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ec72de; +} + +.filter-link:hover, .filter-link:focus { + color: #ec72de; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ec72de; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ec72de; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ec72de; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ec72de; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ec72de; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ec72de; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ec72de; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ec72de; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ec72de; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ec72de; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ec72de; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #ec72de; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ec72de; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #ec72de; +} + +blockquote { + border-left: 2px solid #ec72de; + color: #ec72de; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #ec72de; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ec72de; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ec72de; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ec72de; + background-color: rgba(60, 173, 243, 0.08); + color: #ec72de; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ec72de; + border: 1px solid #ec72de; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ec72de; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ec72de; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ec72de; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ec72de; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ec72de; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ec72de; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #ec72de; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_ec72de.css.map */ diff --git a/ruqqus/assets/style/light_f39731.css b/ruqqus/assets/style/light_f39731.css new file mode 100644 index 000000000..58210e9a1 --- /dev/null +++ b/ruqqus/assets/style/light_f39731.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #f39731; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f39731; +} + +.bd-callout-purple { + border-left-color: #f39731; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f39731; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f39731; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #f39731; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #f39731; + --purple: #f39731; + --gold: #ECC94B; + --admin: #f39731; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f39731; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f39731; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f39731; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f39731; + text-decoration: none; +} +.btn-link:hover { + color: #f39731; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #f39731; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #f39731; + background-color: #f39731; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f39731; + background-color: #f39731; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f39731; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #f39731; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f39731; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #f39731; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #f39731; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #f39731; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #f39731; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #f39731; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #f39731; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #f39731; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #f39731; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #f39731; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #f39731; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #f39731; + border-color: #f39731; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f39731 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f39731 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f39731 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f39731 !important; +} + +.bg-purple { + background-color: #f39731 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f39731 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f39731 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f39731 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f39731 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f39731 !important; +} + +.border-purple { + border-color: #f39731 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f39731 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #f39731 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f39731 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f39731 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f39731 !important; +} + +.text-purple { + color: #f39731 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f39731 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f39731 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f39731 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f39731; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f39731; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #f39731; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f39731; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f39731; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f39731; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f39731; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f39731; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f39731; + box-shadow: inset 0 -2px 0 #f39731; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f39731; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f39731; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f39731; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #f39731; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #f39731; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f39731; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f39731; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f39731 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #f39731 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f39731; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f39731; + border-left: 2px solid #f39731; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f39731; + font-weight: 600; + left: -1px; + border-left: solid 2px #f39731; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #f39731; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f39731; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f39731; +} + +.filter-link:hover, .filter-link:focus { + color: #f39731; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f39731; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f39731; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f39731; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f39731; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f39731; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f39731; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f39731; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f39731; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f39731; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f39731; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f39731; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #f39731; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f39731; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #f39731; +} + +blockquote { + border-left: 2px solid #f39731; + color: #f39731; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #f39731; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f39731; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f39731; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #f39731; + background-color: rgba(60, 173, 243, 0.08); + color: #f39731; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39731; + border: 1px solid #f39731; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f39731; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f39731; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #f39731; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f39731; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f39731; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f39731; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #f39731; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_f39731.css.map */ diff --git a/ruqqus/assets/style/light_f8db58.css b/ruqqus/assets/style/light_f8db58.css new file mode 100644 index 000000000..eb09924ce --- /dev/null +++ b/ruqqus/assets/style/light_f8db58.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #f8db58; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #f8db58; +} + +.bd-callout-purple { + border-left-color: #f8db58; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #f8db58; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #f8db58; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #f8db58; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #f8db58; + --purple: #f8db58; + --gold: #ECC94B; + --admin: #f8db58; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #f8db58; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #f8db58; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #f8db58; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #f8db58; + text-decoration: none; +} +.btn-link:hover { + color: #f8db58; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #f8db58; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #f8db58; + background-color: #f8db58; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #f8db58; + background-color: #f8db58; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #f8db58; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #f8db58; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #f8db58; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #f8db58; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #f8db58; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #f8db58; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #f8db58; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #f8db58; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #f8db58; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #f8db58; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #f8db58; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #f8db58; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #f8db58; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #f8db58; + border-color: #f8db58; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #f8db58 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #f8db58 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #f8db58 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #f8db58 !important; +} + +.bg-purple { + background-color: #f8db58 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #f8db58 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #f8db58 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #f8db58 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #f8db58 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #f8db58 !important; +} + +.border-purple { + border-color: #f8db58 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #f8db58 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #f8db58 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f8db58 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #f8db58 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #f8db58 !important; +} + +.text-purple { + color: #f8db58 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #f8db58 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #f8db58 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #f8db58 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #f8db58; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #f8db58; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #f8db58; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #f8db58; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #f8db58; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #f8db58; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #f8db58; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #f8db58; + box-shadow: inset 0 -2px 0 #f8db58; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #f8db58; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #f8db58; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #f8db58; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #f8db58; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #f8db58; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #f8db58; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #f8db58; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #f8db58 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #f8db58 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #f8db58; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #f8db58; + border-left: 2px solid #f8db58; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #f8db58; + font-weight: 600; + left: -1px; + border-left: solid 2px #f8db58; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #f8db58; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #f8db58; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #f8db58; +} + +.filter-link:hover, .filter-link:focus { + color: #f8db58; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #f8db58; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #f8db58; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #f8db58; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #f8db58; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #f8db58; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #f8db58; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #f8db58; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #f8db58; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #f8db58; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #f8db58; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #f8db58; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #f8db58; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #f8db58; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #f8db58; +} + +blockquote { + border-left: 2px solid #f8db58; + color: #f8db58; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #f8db58; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #f8db58; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #f8db58; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #f8db58; + background-color: rgba(60, 173, 243, 0.08); + color: #f8db58; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f8db58; + border: 1px solid #f8db58; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #f8db58; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #f8db58; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #f8db58; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #f8db58; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #f8db58; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #f8db58; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #f8db58; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_f8db58.css.map */ diff --git a/ruqqus/assets/style/light_ff0000.css b/ruqqus/assets/style/light_ff0000.css new file mode 100644 index 000000000..24853e900 --- /dev/null +++ b/ruqqus/assets/style/light_ff0000.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #ff0000; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff0000; +} + +.bd-callout-purple { + border-left-color: #ff0000; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff0000; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff0000; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #ff0000; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #ff0000; + --purple: #ff0000; + --gold: #ECC94B; + --admin: #ff0000; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff0000; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff0000; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff0000; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff0000; + text-decoration: none; +} +.btn-link:hover { + color: #ff0000; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #ff0000; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #ff0000; + background-color: #ff0000; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff0000; + background-color: #ff0000; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff0000; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #ff0000; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff0000; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #ff0000; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #ff0000; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #ff0000; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #ff0000; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #ff0000; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #ff0000; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #ff0000; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #ff0000; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #ff0000; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #ff0000; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #ff0000; + border-color: #ff0000; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff0000 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff0000 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff0000 !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff0000 !important; +} + +.bg-purple { + background-color: #ff0000 !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff0000 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff0000 !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff0000 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff0000 !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff0000 !important; +} + +.border-purple { + border-color: #ff0000 !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff0000 !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #ff0000 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff0000 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff0000 !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff0000 !important; +} + +.text-purple { + color: #ff0000 !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff0000 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff0000 !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff0000 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff0000; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff0000; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ff0000; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff0000; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff0000; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff0000; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff0000; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff0000; + box-shadow: inset 0 -2px 0 #ff0000; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff0000; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff0000; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff0000; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ff0000; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ff0000; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff0000; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff0000; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff0000 !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #ff0000 !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff0000; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff0000; + border-left: 2px solid #ff0000; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff0000; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff0000; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #ff0000; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff0000; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff0000; +} + +.filter-link:hover, .filter-link:focus { + color: #ff0000; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff0000; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff0000; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff0000; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff0000; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff0000; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff0000; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff0000; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff0000; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff0000; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff0000; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff0000; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #ff0000; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff0000; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff0000; +} + +blockquote { + border-left: 2px solid #ff0000; + color: #ff0000; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #ff0000; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff0000; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff0000; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ff0000; + background-color: rgba(60, 173, 243, 0.08); + color: #ff0000; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ff0000; + border: 1px solid #ff0000; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff0000; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff0000; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ff0000; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff0000; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff0000; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff0000; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #ff0000; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_ff0000.css.map */ diff --git a/ruqqus/assets/style/light_ff66ac.css b/ruqqus/assets/style/light_ff66ac.css new file mode 100644 index 000000000..caf3d7aeb --- /dev/null +++ b/ruqqus/assets/style/light_ff66ac.css @@ -0,0 +1,17252 @@ +@charset "UTF-8"; +.bd-callout-primary { + border-left-color: #ff66ac; +} + +.bd-callout-secondary { + border-left-color: #E2E8F0; +} + +.bd-callout-danger { + border-left-color: #E53E3E; +} + +.bd-callout-dark { + border-left-color: #23183E; +} + +.bd-callout-white { + border-left-color: #ffffff; +} + +.bd-callout-black { + border-left-color: #121213; +} + +.bd-callout-light { + border-left-color: #E6E9F0; +} + +.bd-callout-success { + border-left-color: #38a169; +} + +.bd-callout-muted { + border-left-color: #718096; +} + +.bd-callout-downvote { + border-left-color: #38B2AC; +} + +.bd-callout-upvote { + border-left-color: #ff66ac; +} + +.bd-callout-purple { + border-left-color: #ff66ac; +} + +.bd-callout-gold { + border-left-color: #ECC94B; +} + +.bd-callout-admin { + border-left-color: #ff66ac; +} + +.bd-callout-gray { + border-left-color: #718096; +} + +.bd-callout-gray-100 { + border-left-color: #F5F7FA; +} + +.bd-callout-gray-200 { + border-left-color: #EDF2F7; +} + +.bd-callout-gray-300 { + border-left-color: #E2E8F0; +} + +.bd-callout-gray-400 { + border-left-color: #CBD5E0; +} + +.bd-callout-gray-500 { + border-left-color: #A0AEC0; +} + +.bd-callout-gray-600 { + border-left-color: #718096; +} + +.bd-callout-reddit { + border-left-color: #ED4630; +} + +/*! + * Bootstrap v4.4.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) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #ff66ac; + --pink: #e83e8c; + --red: #E53E3E; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #38A169; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #718096; + --gray-dark: #343a40; + --primary: #ff66ac; + --secondary: #E2E8F0; + --success: #38a169; + --info: #168EEA; + --warning: #ffc107; + --danger: #E53E3E; + --light: #E6E9F0; + --dark: #23183E; + --white: #ffffff; + --black: #121213; + --muted: #718096; + --downvote: #38B2AC; + --upvote: #ff66ac; + --purple: #ff66ac; + --gold: #ECC94B; + --admin: #ff66ac; + --gray: #718096; + --gray-100: #F5F7FA; + --gray-200: #EDF2F7; + --gray-300: #E2E8F0; + --gray-400: #CBD5E0; + --gray-500: #A0AEC0; + --gray-600: #718096; + --reddit: #ED4630; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(18, 18, 19, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #ff66ac; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #ff1a83; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #718096; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.325rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(18, 18, 19, 0.1); +} + +small, +.small { + font-size: 0.75rem; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 0.75rem; + color: #718096; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #718096; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.3333333333%; + } + + .offset-sm-2 { + margin-left: 16.6666666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.3333333333%; + } + + .offset-sm-5 { + margin-left: 41.6666666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.3333333333%; + } + + .offset-sm-8 { + margin-left: 66.6666666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.3333333333%; + } + + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.3333333333%; + } + + .offset-md-2 { + margin-left: 16.6666666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.3333333333%; + } + + .offset-md-5 { + margin-left: 41.6666666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.3333333333%; + } + + .offset-md-8 { + margin-left: 66.6666666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.3333333333%; + } + + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.3333333333%; + } + + .offset-lg-2 { + margin-left: 16.6666666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.3333333333%; + } + + .offset-lg-5 { + margin-left: 41.6666666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.3333333333%; + } + + .offset-lg-8 { + margin-left: 66.6666666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.3333333333%; + } + + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.3333333333%; + } + + .offset-xl-2 { + margin-left: 16.6666666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.3333333333%; + } + + .offset-xl-5 { + margin-left: 41.6666666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.3333333333%; + } + + .offset-xl-8 { + margin-left: 66.6666666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.3333333333%; + } + + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #E2E8F0; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #E2E8F0; +} +.table tbody + tbody { + border-top: 2px solid #E2E8F0; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #E2E8F0; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(18, 18, 19, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(18, 18, 19, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #ffd4e8; +} +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-primary:hover { + background-color: #ffbbda; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #ffbbda; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #f7f9fb; +} +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-secondary:hover { + background-color: #e6ecf3; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #e6ecf3; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7e5d5; +} +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #98ceb1; +} + +.table-hover .table-success:hover { + background-color: #b6ddc8; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b6ddc8; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bedff9; +} +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86c4f4; +} + +.table-hover .table-info:hover { + background-color: #a7d4f7; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #a7d4f7; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8c9c9; +} +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #f19b9b; +} + +.table-hover .table-danger:hover { + background-color: #f5b2b2; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f5b2b2; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #f8f9fb; +} +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #f2f4f7; +} + +.table-hover .table-light:hover { + background-color: #e8ebf2; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #e8ebf2; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c1bec9; +} +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #8d879b; +} + +.table-hover .table-dark:hover { + background-color: #b4b0bd; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b4b0bd; +} + +.table-white, +.table-white > th, +.table-white > td { + background-color: white; +} +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody + tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} +.table-hover .table-white:hover > td, +.table-hover .table-white:hover > th { + background-color: #f2f2f2; +} + +.table-black, +.table-black > th, +.table-black > td { + background-color: #bdbdbd; +} +.table-black th, +.table-black td, +.table-black thead th, +.table-black tbody + tbody { + border-color: #848484; +} + +.table-hover .table-black:hover { + background-color: #b0b0b0; +} +.table-hover .table-black:hover > td, +.table-hover .table-black:hover > th { + background-color: #b0b0b0; +} + +.table-muted, +.table-muted > th, +.table-muted > td { + background-color: #d7dbe2; +} +.table-muted th, +.table-muted td, +.table-muted thead th, +.table-muted tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-muted:hover { + background-color: #c8ced7; +} +.table-hover .table-muted:hover > td, +.table-hover .table-muted:hover > th { + background-color: #c8ced7; +} + +.table-downvote, +.table-downvote > th, +.table-downvote > td { + background-color: #c7e9e8; +} +.table-downvote th, +.table-downvote td, +.table-downvote thead th, +.table-downvote tbody + tbody { + border-color: #98d7d4; +} + +.table-hover .table-downvote:hover { + background-color: #b5e2e0; +} +.table-hover .table-downvote:hover > td, +.table-hover .table-downvote:hover > th { + background-color: #b5e2e0; +} + +.table-upvote, +.table-upvote > th, +.table-upvote > td { + background-color: #ffd4e8; +} +.table-upvote th, +.table-upvote td, +.table-upvote thead th, +.table-upvote tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-upvote:hover { + background-color: #ffbbda; +} +.table-hover .table-upvote:hover > td, +.table-hover .table-upvote:hover > th { + background-color: #ffbbda; +} + +.table-purple, +.table-purple > th, +.table-purple > td { + background-color: #ffd4e8; +} +.table-purple th, +.table-purple td, +.table-purple thead th, +.table-purple tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-purple:hover { + background-color: #ffbbda; +} +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #ffbbda; +} + +.table-gold, +.table-gold > th, +.table-gold > td { + background-color: #faf0cd; +} +.table-gold th, +.table-gold td, +.table-gold thead th, +.table-gold tbody + tbody { + border-color: #f5e3a1; +} + +.table-hover .table-gold:hover { + background-color: #f8e9b6; +} +.table-hover .table-gold:hover > td, +.table-hover .table-gold:hover > th { + background-color: #f8e9b6; +} + +.table-admin, +.table-admin > th, +.table-admin > td { + background-color: #ffd4e8; +} +.table-admin th, +.table-admin td, +.table-admin thead th, +.table-admin tbody + tbody { + border-color: #ffafd4; +} + +.table-hover .table-admin:hover { + background-color: #ffbbda; +} +.table-hover .table-admin:hover > td, +.table-hover .table-admin:hover > th { + background-color: #ffbbda; +} + +.table-gray, +.table-gray > th, +.table-gray > td { + background-color: #d7dbe2; +} +.table-gray th, +.table-gray td, +.table-gray thead th, +.table-gray tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray:hover { + background-color: #c8ced7; +} +.table-hover .table-gray:hover > td, +.table-hover .table-gray:hover > th { + background-color: #c8ced7; +} + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fcfdfe; +} +.table-gray-100 th, +.table-gray-100 td, +.table-gray-100 thead th, +.table-gray-100 tbody + tbody { + border-color: #fafbfc; +} + +.table-hover .table-gray-100:hover { + background-color: #e9f0f8; +} +.table-hover .table-gray-100:hover > td, +.table-hover .table-gray-100:hover > th { + background-color: #e9f0f8; +} + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: #fafbfd; +} +.table-gray-200 th, +.table-gray-200 td, +.table-gray-200 thead th, +.table-gray-200 tbody + tbody { + border-color: #f6f8fb; +} + +.table-hover .table-gray-200:hover { + background-color: #e8ecf6; +} +.table-hover .table-gray-200:hover > td, +.table-hover .table-gray-200:hover > th { + background-color: #e8ecf6; +} + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #f7f9fb; +} +.table-gray-300 th, +.table-gray-300 td, +.table-gray-300 thead th, +.table-gray-300 tbody + tbody { + border-color: #f0f3f7; +} + +.table-hover .table-gray-300:hover { + background-color: #e6ecf3; +} +.table-hover .table-gray-300:hover > td, +.table-hover .table-gray-300:hover > th { + background-color: #e6ecf3; +} + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #f0f3f6; +} +.table-gray-400 th, +.table-gray-400 td, +.table-gray-400 thead th, +.table-gray-400 tbody + tbody { + border-color: #e4e9ef; +} + +.table-hover .table-gray-400:hover { + background-color: #e0e6ec; +} +.table-hover .table-gray-400:hover > td, +.table-hover .table-gray-400:hover > th { + background-color: #e0e6ec; +} + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e4e8ed; +} +.table-gray-500 th, +.table-gray-500 td, +.table-gray-500 thead th, +.table-gray-500 tbody + tbody { + border-color: #ced5de; +} + +.table-hover .table-gray-500:hover { + background-color: #d5dbe3; +} +.table-hover .table-gray-500:hover > td, +.table-hover .table-gray-500:hover > th { + background-color: #d5dbe3; +} + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #d7dbe2; +} +.table-gray-600 th, +.table-gray-600 td, +.table-gray-600 thead th, +.table-gray-600 tbody + tbody { + border-color: #b5bdc8; +} + +.table-hover .table-gray-600:hover { + background-color: #c8ced7; +} +.table-hover .table-gray-600:hover > td, +.table-hover .table-gray-600:hover > th { + background-color: #c8ced7; +} + +.table-reddit, +.table-reddit > th, +.table-reddit > td { + background-color: #facbc5; +} +.table-reddit th, +.table-reddit td, +.table-reddit thead th, +.table-reddit tbody + tbody { + border-color: #f69f93; +} + +.table-hover .table-reddit:hover { + background-color: #f8b6ae; +} +.table-hover .table-reddit:hover > td, +.table-hover .table-reddit:hover > th { + background-color: #f8b6ae; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(18, 18, 19, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(6, 6, 6, 0.075); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(6, 6, 6, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #343a40; + border-color: #454d55; +} +.table .thead-light th { + color: #495057; + background-color: #EDF2F7; + border-color: #E2E8F0; +} + +.table-dark { + color: #ffffff; + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.table-dark.table-bordered { + border: 0; +} +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} + +.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: #ffffff; + background-clip: padding-box; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.form-control::placeholder { + color: #718096; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #EDF2F7; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.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; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: #718096; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #38a169; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #38a169; + border-radius: 0.35rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #38a169; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated textarea.form-control:valid, 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 .custom-select:valid, .custom-select.is-valid { + border-color: #38a169; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338a169' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #38a169; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #38a169; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #38a169; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4bc182; + background-color: #4bc182; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #38a169; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #38a169; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #38a169; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.75rem; + color: #E53E3E; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: #e53e3e; + border-radius: 0.35rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #E53E3E; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated textarea.form-control:invalid, 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 .custom-select:invalid, .custom-select.is-invalid { + border-color: #E53E3E; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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='https://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E53E3E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E53E3E' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #E53E3E; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #E53E3E; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #E53E3E; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #eb6b6b; + background-color: #eb6b6b; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #E53E3E; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #E53E3E; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #E53E3E; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, +.form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + 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.35rem; + 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) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:hover { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:hover { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; +} +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #2e8556; + border-color: #2b7b50; + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: #2b7b50; + border-color: #28724a; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 175, 128, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:hover { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; +} +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #1279c8; + border-color: #1172bc; + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: #1172bc; + border-color: #106bb0; +} +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(57, 159, 237, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #d39e00; + border-color: #c69500; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:hover { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; +} +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #df1e1e; + border-color: #d41c1c; + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #d41c1c; + border-color: #c81b1b; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 91, 91, 0.5); +} + +.btn-light { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:hover { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; +} +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ced4e2; + border-color: #c6cddd; + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #c6cddd; + border-color: #bec6d8; +} +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(200, 204, 210, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:hover { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; +} +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #130d22; + border-color: #0e0a19; + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0e0a19; + border-color: #090610; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(68, 59, 91, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} +.btn-white:focus, .btn-white.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} +.btn-white.disabled, .btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} +.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); +} + +.btn-black { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:hover { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:focus, .btn-black.focus { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} +.btn-black.disabled, .btn-black:disabled { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} +.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); +} + +.btn-muted { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-muted:focus, .btn-muted.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-muted.disabled, .btn-muted:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-downvote { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:hover { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; +} +.btn-downvote:focus, .btn-downvote.focus { + color: #ffffff; + background-color: #2f9590; + border-color: #2c8b87; + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} +.btn-downvote.disabled, .btn-downvote:disabled { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-downvote:not(:disabled):not(.disabled):active, .btn-downvote:not(:disabled):not(.disabled).active, .show > .btn-downvote.dropdown-toggle { + color: #ffffff; + background-color: #2c8b87; + border-color: #29827d; +} +.btn-downvote:not(:disabled):not(.disabled):active:focus, .btn-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(86, 190, 184, 0.5); +} + +.btn-upvote { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:hover { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-upvote:focus, .btn-upvote.focus { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-upvote.disabled, .btn-upvote:disabled { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-upvote:not(:disabled):not(.disabled):active, .btn-upvote:not(:disabled):not(.disabled).active, .show > .btn-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-upvote:not(:disabled):not(.disabled):active:focus, .btn-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-purple { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-purple:hover { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-purple:focus, .btn-purple.focus { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-purple.disabled, .btn-purple:disabled { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { + color: #ffffff; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gold { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:hover { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; +} +.btn-gold:focus, .btn-gold.focus { + color: #212529; + background-color: #e8bf28; + border-color: #e7bb1d; + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} +.btn-gold.disabled, .btn-gold:disabled { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle { + color: #212529; + background-color: #e7bb1d; + border-color: #e0b418; +} +.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 176, 70, 0.5); +} + +.btn-admin { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:hover { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; +} +.btn-admin:focus, .btn-admin.focus { + color: #ffffff; + background-color: #ff4097; + border-color: #ff3390; + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} +.btn-admin.disabled, .btn-admin:disabled { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active, .show > .btn-admin.dropdown-toggle { + color: #ffffff; + background-color: #ff3390; + border-color: #ff2689; +} +.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 125, 184, 0.5); +} + +.btn-gray { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray:focus, .btn-gray.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray.disabled, .btn-gray:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-gray-100 { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:hover { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; +} +.btn-gray-100:focus, .btn-gray-100.focus { + color: #212529; + background-color: #dce3ed; + border-color: #d3dce9; + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} +.btn-gray-100.disabled, .btn-gray-100:disabled { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { + color: #212529; + background-color: #d3dce9; + border-color: #cbd5e5; +} +.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(213, 216, 219, 0.5); +} + +.btn-gray-200 { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:hover { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; +} +.btn-gray-200:focus, .btn-gray-200.focus { + color: #212529; + background-color: #d3dfeb; + border-color: #cad9e7; + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} +.btn-gray-200.disabled, .btn-gray-200:disabled { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { + color: #212529; + background-color: #cad9e7; + border-color: #c1d2e3; +} +.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(206, 211, 216, 0.5); +} + +.btn-gray-300 { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:hover { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; +} +.btn-gray-300:focus, .btn-gray-300.focus { + color: #212529; + background-color: #c9d4e3; + border-color: #c0cddf; + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} +.btn-gray-300.disabled, .btn-gray-300:disabled { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { + color: #212529; + background-color: #c0cddf; + border-color: #b8c7da; +} +.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(197, 203, 210, 0.5); +} + +.btn-gray-400 { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:hover { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; +} +.btn-gray-400:focus, .btn-gray-400.focus { + color: #212529; + background-color: #b3c2d2; + border-color: #abbbcd; + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} +.btn-gray-400.disabled, .btn-gray-400:disabled { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { + color: #212529; + background-color: #abbbcd; + border-color: #a3b5c8; +} +.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(178, 187, 197, 0.5); +} + +.btn-gray-500 { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:hover { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; +} +.btn-gray-500:focus, .btn-gray-500.focus { + color: #ffffff; + background-color: #899ab1; + border-color: #8194ac; + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} +.btn-gray-500.disabled, .btn-gray-500:disabled { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { + color: #ffffff; + background-color: #8194ac; + border-color: #7a8da7; +} +.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 153, 169, 0.5); +} + +.btn-gray-600 { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:hover { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; +} +.btn-gray-600:focus, .btn-gray-600.focus { + color: #ffffff; + background-color: #606d81; + border-color: #5a677a; + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} +.btn-gray-600.disabled, .btn-gray-600:disabled { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #5a677a; + border-color: #556173; +} +.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(134, 147, 166, 0.5); +} + +.btn-reddit { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:hover { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; +} +.btn-reddit:focus, .btn-reddit.focus { + color: #ffffff; + background-color: #e32c14; + border-color: #d72a13; + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} +.btn-reddit.disabled, .btn-reddit:disabled { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { + color: #ffffff; + background-color: #d72a13; + border-color: #cc2712; +} +.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 98, 79, 0.5); +} + +.btn-outline-primary { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:hover { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-secondary { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-success { + color: #38a169; + border-color: #38a169; +} +.btn-outline-success:hover { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38a169; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #38a169; + border-color: #38a169; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.btn-outline-info { + color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:hover { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #168EEA; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #168EEA; + border-color: #168EEA; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:hover { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #E53E3E; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #E53E3E; + border-color: #E53E3E; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.btn-outline-light { + color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:hover { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #E6E9F0; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #E6E9F0; + border-color: #E6E9F0; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.btn-outline-dark { + color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:hover { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #23183E; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #23183E; + border-color: #23183E; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.btn-outline-white { + color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:focus, .btn-outline-white.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} +.btn-outline-white.disabled, .btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} +.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} +.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-outline-black { + color: #121213; + border-color: #121213; +} +.btn-outline-black:hover { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:focus, .btn-outline-black.focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} +.btn-outline-black.disabled, .btn-outline-black:disabled { + color: #121213; + background-color: transparent; +} +.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} +.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.btn-outline-muted { + color: #718096; + border-color: #718096; +} +.btn-outline-muted:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:focus, .btn-outline-muted.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-muted.disabled, .btn-outline-muted:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-downvote { + color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:hover { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:focus, .btn-outline-downvote.focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} +.btn-outline-downvote.disabled, .btn-outline-downvote:disabled { + color: #38B2AC; + background-color: transparent; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active, .btn-outline-downvote:not(:disabled):not(.disabled).active, .show > .btn-outline-downvote.dropdown-toggle { + color: #ffffff; + background-color: #38B2AC; + border-color: #38B2AC; +} +.btn-outline-downvote:not(:disabled):not(.disabled):active:focus, .btn-outline-downvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-downvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.btn-outline-upvote { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:hover { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:focus, .btn-outline-upvote.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-upvote.disabled, .btn-outline-upvote:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active, .btn-outline-upvote:not(:disabled):not(.disabled).active, .show > .btn-outline-upvote.dropdown-toggle { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-upvote:not(:disabled):not(.disabled):active:focus, .btn-outline-upvote:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-upvote.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-purple { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:hover { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:focus, .btn-outline-purple.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gold { + color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:hover { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:focus, .btn-outline-gold.focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} +.btn-outline-gold.disabled, .btn-outline-gold:disabled { + color: #ECC94B; + background-color: transparent; +} +.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle { + color: #212529; + background-color: #ECC94B; + border-color: #ECC94B; +} +.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.btn-outline-admin { + color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:hover { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:focus, .btn-outline-admin.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} +.btn-outline-admin.disabled, .btn-outline-admin:disabled { + color: #ff66ac; + background-color: transparent; +} +.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active, .show > .btn-outline-admin.dropdown-toggle { + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-admin.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.btn-outline-gray { + color: #718096; + border-color: #718096; +} +.btn-outline-gray:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:focus, .btn-outline-gray.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-gray-100 { + color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:hover { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} +.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #F5F7FA; + background-color: transparent; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { + color: #212529; + background-color: #F5F7FA; + border-color: #F5F7FA; +} +.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.btn-outline-gray-200 { + color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:hover { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} +.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #EDF2F7; + background-color: transparent; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { + color: #212529; + background-color: #EDF2F7; + border-color: #EDF2F7; +} +.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.btn-outline-gray-300 { + color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:hover { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} +.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #E2E8F0; + background-color: transparent; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { + color: #212529; + background-color: #E2E8F0; + border-color: #E2E8F0; +} +.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.btn-outline-gray-400 { + color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:hover { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} +.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #CBD5E0; + background-color: transparent; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { + color: #212529; + background-color: #CBD5E0; + border-color: #CBD5E0; +} +.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.btn-outline-gray-500 { + color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:hover { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} +.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #A0AEC0; + background-color: transparent; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { + color: #212529; + background-color: #A0AEC0; + border-color: #A0AEC0; +} +.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.btn-outline-gray-600 { + color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:hover { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} +.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #718096; + background-color: transparent; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { + color: #ffffff; + background-color: #718096; + border-color: #718096; +} +.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.btn-outline-reddit { + color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:hover { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:focus, .btn-outline-reddit.focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} +.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { + color: #ED4630; + background-color: transparent; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active, .btn-outline-reddit:not(:disabled):not(.disabled).active, .show > .btn-outline-reddit.dropdown-toggle { + color: #ffffff; + background-color: #ED4630; + border-color: #ED4630; +} +.btn-outline-reddit:not(:disabled):not(.disabled):active:focus, .btn-outline-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reddit.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.btn-link { + font-weight: 400; + color: #ff66ac; + text-decoration: none; +} +.btn-link:hover { + color: #ff1a83; + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #718096; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type=submit].btn-block, +input[type=reset].btn-block, +input[type=button].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.15); + border-radius: 0.35rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropleft .dropdown-toggle::after { + display: none; +} +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #EDF2F7; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #F5F7FA; +} +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #ff66ac; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #718096; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #718096; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.btn-group-toggle > .btn input[type=radio], +.btn-group-toggle > .btn input[type=checkbox], +.btn-group-toggle > .btn-group > .btn input[type=radio], +.btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .custom-file { + display: flex; + align-items: center; +} +.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #EDF2F7; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.input-group-text input[type=radio], +.input-group-text input[type=checkbox] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe6f1; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: white; + border-color: white; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #718096; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #EDF2F7; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #ffffff; + border: #A0AEC0 solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #ff66ac; + background-color: #ff66ac; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #A0AEC0; + border-radius: 0.5rem; + transition: transform 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) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ffffff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(255, 102, 172, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' 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; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + appearance: none; +} +.custom-select:focus { + border-color: #ffe6f1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.custom-select:disabled { + color: #718096; + background-color: #EDF2F7; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #ffe6f1; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #EDF2F7; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #EDF2F7; + border-left: inherit; + border-radius: 0 0.35rem 0.35rem 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: white; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: white; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #E2E8F0; + border-color: transparent; + border-radius: 1rem; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #ff66ac; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: white; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #E2E8F0; + border-radius: 1rem; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} +.custom-range:disabled::-moz-range-thumb { + background-color: #A0AEC0; +} +.custom-range:disabled::-moz-range-track { + cursor: default; +} +.custom-range:disabled::-ms-thumb { + background-color: #A0AEC0; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: 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) { + .custom-control-label::before, +.custom-file-label, +.custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #718096; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #E2E8F0; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #EDF2F7 #EDF2F7 #E2E8F0; +} +.nav-tabs .nav-link.disabled { + color: #718096; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #E2E8F0 #E2E8F0 #ffffff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #ff66ac; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, +.navbar-expand-sm > .container-fluid, +.navbar-expand-sm > .container-sm, +.navbar-expand-sm > .container-md, +.navbar-expand-sm > .container-lg, +.navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, +.navbar-expand-md > .container-fluid, +.navbar-expand-md > .container-sm, +.navbar-expand-md > .container-md, +.navbar-expand-md > .container-lg, +.navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, +.navbar-expand-lg > .container-fluid, +.navbar-expand-lg > .container-sm, +.navbar-expand-lg > .container-md, +.navbar-expand-lg > .container-lg, +.navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, +.navbar-expand-xl > .container-fluid, +.navbar-expand-xl > .container-sm, +.navbar-expand-xl > .container-md, +.navbar-expand-xl > .container-lg, +.navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(18, 18, 19, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(18, 18, 19, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(18, 18, 19, 0.5); + border-color: rgba(18, 18, 19, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 18, 19, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(18, 18, 19, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(18, 18, 19, 0.9); +} +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(18, 18, 19, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #ffffff; +} +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 1px solid rgba(18, 18, 19, 0.125); + border-radius: 0.35rem; +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(18, 18, 19, 0.03); + border-bottom: 1px solid rgba(18, 18, 19, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(18, 18, 19, 0.03); + border-top: 1px solid rgba(18, 18, 19, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.35rem - 1px); + border-bottom-left-radius: calc(0.35rem - 1px); +} + +.card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #718096; + content: "/"; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.breadcrumb-item.active { + color: #718096; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #ff66ac; + background-color: #ffffff; + border: 1px solid #E2E8F0; +} +.page-link:hover { + z-index: 2; + color: #ff1a83; + text-decoration: none; + background-color: #EDF2F7; + border-color: #E2E8F0; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.page-item.disabled .page-link { + color: #718096; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #E2E8F0; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + 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) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #ff66ac; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #ff3390; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #E2E8F0; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #38a169; +} +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #2b7b50; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 161, 105, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #168EEA; +} +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #1172bc; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #E53E3E; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #d41c1c; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5); +} + +.badge-light { + color: #212529; + background-color: #E6E9F0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #c6cddd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(230, 233, 240, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #23183E; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #0e0a19; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(35, 24, 62, 0.5); +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} +a.badge-white:hover, a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} +a.badge-white:focus, a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.badge-black { + color: #ffffff; + background-color: #121213; +} +a.badge-black:hover, a.badge-black:focus { + color: #ffffff; + background-color: black; +} +a.badge-black:focus, a.badge-black.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(18, 18, 19, 0.5); +} + +.badge-muted { + color: #ffffff; + background-color: #718096; +} +a.badge-muted:hover, a.badge-muted:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-muted:focus, a.badge-muted.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-downvote { + color: #ffffff; + background-color: #38B2AC; +} +a.badge-downvote:hover, a.badge-downvote:focus { + color: #ffffff; + background-color: #2c8b87; +} +a.badge-downvote:focus, a.badge-downvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 178, 172, 0.5); +} + +.badge-upvote { + color: #ffffff; + background-color: #ff66ac; +} +a.badge-upvote:hover, a.badge-upvote:focus { + color: #ffffff; + background-color: #ff3390; +} +a.badge-upvote:focus, a.badge-upvote.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-purple { + color: #ffffff; + background-color: #ff66ac; +} +a.badge-purple:hover, a.badge-purple:focus { + color: #ffffff; + background-color: #ff3390; +} +a.badge-purple:focus, a.badge-purple.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gold { + color: #212529; + background-color: #ECC94B; +} +a.badge-gold:hover, a.badge-gold:focus { + color: #212529; + background-color: #e7bb1d; +} +a.badge-gold:focus, a.badge-gold.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(236, 201, 75, 0.5); +} + +.badge-admin { + color: #ffffff; + background-color: #ff66ac; +} +a.badge-admin:hover, a.badge-admin:focus { + color: #ffffff; + background-color: #ff3390; +} +a.badge-admin:focus, a.badge-admin.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 102, 172, 0.5); +} + +.badge-gray { + color: #ffffff; + background-color: #718096; +} +a.badge-gray:hover, a.badge-gray:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray:focus, a.badge-gray.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-gray-100 { + color: #212529; + background-color: #F5F7FA; +} +a.badge-gray-100:hover, a.badge-gray-100:focus { + color: #212529; + background-color: #d3dce9; +} +a.badge-gray-100:focus, a.badge-gray-100.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(245, 247, 250, 0.5); +} + +.badge-gray-200 { + color: #212529; + background-color: #EDF2F7; +} +a.badge-gray-200:hover, a.badge-gray-200:focus { + color: #212529; + background-color: #cad9e7; +} +a.badge-gray-200:focus, a.badge-gray-200.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.5); +} + +.badge-gray-300 { + color: #212529; + background-color: #E2E8F0; +} +a.badge-gray-300:hover, a.badge-gray-300:focus { + color: #212529; + background-color: #c0cddf; +} +a.badge-gray-300:focus, a.badge-gray-300.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(226, 232, 240, 0.5); +} + +.badge-gray-400 { + color: #212529; + background-color: #CBD5E0; +} +a.badge-gray-400:hover, a.badge-gray-400:focus { + color: #212529; + background-color: #abbbcd; +} +a.badge-gray-400:focus, a.badge-gray-400.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 213, 224, 0.5); +} + +.badge-gray-500 { + color: #212529; + background-color: #A0AEC0; +} +a.badge-gray-500:hover, a.badge-gray-500:focus { + color: #212529; + background-color: #8194ac; +} +a.badge-gray-500:focus, a.badge-gray-500.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(160, 174, 192, 0.5); +} + +.badge-gray-600 { + color: #ffffff; + background-color: #718096; +} +a.badge-gray-600:hover, a.badge-gray-600:focus { + color: #ffffff; + background-color: #5a677a; +} +a.badge-gray-600:focus, a.badge-gray-600.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.5); +} + +.badge-reddit { + color: #ffffff; + background-color: #ED4630; +} +a.badge-reddit:hover, a.badge-reddit:focus { + color: #ffffff; + background-color: #d72a13; +} +a.badge-reddit:focus, a.badge-reddit.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 70, 48, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #EDF2F7; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-primary hr { + border-top-color: #ffbbda; +} +.alert-primary .alert-link { + color: #6a2e4a; +} + +.alert-secondary { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-secondary hr { + border-top-color: #e6ecf3; +} +.alert-secondary .alert-link { + color: #65686c; +} + +.alert-success { + color: #265c40; + background-color: #d7ece1; + border-color: #c7e5d5; +} +.alert-success hr { + border-top-color: #b6ddc8; +} +.alert-success .alert-link { + color: #173827; +} + +.alert-info { + color: #145283; + background-color: #d0e8fb; + border-color: #bedff9; +} +.alert-info hr { + border-top-color: #a7d4f7; +} +.alert-info .alert-link { + color: #0d3657; +} + +.alert-warning { + color: #8d6d0d; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #5e4909; +} + +.alert-danger { + color: #802929; + background-color: #fad8d8; + border-color: #f8c9c9; +} +.alert-danger hr { + border-top-color: #f5b2b2; +} +.alert-danger .alert-link { + color: #591d1d; +} + +.alert-light { + color: #808286; + background-color: #fafbfc; + border-color: #f8f9fb; +} +.alert-light hr { + border-top-color: #e8ebf2; +} +.alert-light .alert-link { + color: #67696c; +} + +.alert-dark { + color: #1b1529; + background-color: #d3d1d8; + border-color: #c1bec9; +} +.alert-dark hr { + border-top-color: #b4b0bd; +} +.alert-dark .alert-link { + color: #050407; +} + +.alert-white { + color: #8d8d8e; + background-color: white; + border-color: white; +} +.alert-white hr { + border-top-color: #f2f2f2; +} +.alert-white .alert-link { + color: #737375; +} + +.alert-black { + color: #121213; + background-color: #d0d0d0; + border-color: #bdbdbd; +} +.alert-black hr { + border-top-color: #b0b0b0; +} +.alert-black .alert-link { + color: black; +} + +.alert-muted { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-muted hr { + border-top-color: #c8ced7; +} +.alert-muted .alert-link { + color: #2d323a; +} + +.alert-downvote { + color: #266563; + background-color: #d7f0ee; + border-color: #c7e9e8; +} +.alert-downvote hr { + border-top-color: #b5e2e0; +} +.alert-downvote .alert-link { + color: #18403f; +} + +.alert-upvote { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-upvote hr { + border-top-color: #ffbbda; +} +.alert-upvote .alert-link { + color: #6a2e4a; +} + +.alert-purple { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-purple hr { + border-top-color: #ffbbda; +} +.alert-purple .alert-link { + color: #6a2e4a; +} + +.alert-gold { + color: #837130; + background-color: #fbf4db; + border-color: #faf0cd; +} +.alert-gold hr { + border-top-color: #f8e9b6; +} +.alert-gold .alert-link { + color: #5e5122; +} + +.alert-admin { + color: #8d3e63; + background-color: #ffe0ee; + border-color: #ffd4e8; +} +.alert-admin hr { + border-top-color: #ffbbda; +} +.alert-admin .alert-link { + color: #6a2e4a; +} + +.alert-gray { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray hr { + border-top-color: #c8ced7; +} +.alert-gray .alert-link { + color: #2d323a; +} + +.alert-gray-100 { + color: #88898b; + background-color: #fdfdfe; + border-color: #fcfdfe; +} +.alert-gray-100 hr { + border-top-color: #e9f0f8; +} +.alert-gray-100 .alert-link { + color: #6f7071; +} + +.alert-gray-200 { + color: #84868a; + background-color: #fbfcfd; + border-color: #fafbfd; +} +.alert-gray-200 hr { + border-top-color: #e8ecf6; +} +.alert-gray-200 .alert-link { + color: #6b6d70; +} + +.alert-gray-300 { + color: #7e8186; + background-color: #f9fafc; + border-color: #f7f9fb; +} +.alert-gray-300 hr { + border-top-color: #e6ecf3; +} +.alert-gray-300 .alert-link { + color: #65686c; +} + +.alert-gray-400 { + color: #72777e; + background-color: #f5f7f9; + border-color: #f0f3f6; +} +.alert-gray-400 hr { + border-top-color: #e0e6ec; +} +.alert-gray-400 .alert-link { + color: #5a5e63; +} + +.alert-gray-500 { + color: #5c636d; + background-color: #eceff2; + border-color: #e4e8ed; +} +.alert-gray-500 hr { + border-top-color: #d5dbe3; +} +.alert-gray-500 .alert-link { + color: #454a51; +} + +.alert-gray-600 { + color: #434b57; + background-color: #e3e6ea; + border-color: #d7dbe2; +} +.alert-gray-600 hr { + border-top-color: #c8ced7; +} +.alert-gray-600 .alert-link { + color: #2d323a; +} + +.alert-reddit { + color: #842d22; + background-color: #fbdad6; + border-color: #facbc5; +} +.alert-reddit hr { + border-top-color: #f8b6ae; +} +.alert-reddit .alert-link { + color: #5b1f18; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #EDF2F7; + border-radius: 0.35rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #ff66ac; + transition: width 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #F5F7FA; +} +.list-group-item-action:active { + color: #212529; + background-color: #EDF2F7; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(18, 18, 19, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #718096; + pointer-events: none; + background-color: #ffffff; +} +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #ff66ac; + border-color: #ff66ac; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.35rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-secondary { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-success { + color: #265c40; + background-color: #c7e5d5; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #265c40; + background-color: #b6ddc8; +} +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #265c40; + border-color: #265c40; +} + +.list-group-item-info { + color: #145283; + background-color: #bedff9; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #145283; + background-color: #a7d4f7; +} +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #145283; + border-color: #145283; +} + +.list-group-item-warning { + color: #8d6d0d; + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #8d6d0d; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #8d6d0d; + border-color: #8d6d0d; +} + +.list-group-item-danger { + color: #802929; + background-color: #f8c9c9; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #802929; + background-color: #f5b2b2; +} +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #802929; + border-color: #802929; +} + +.list-group-item-light { + color: #808286; + background-color: #f8f9fb; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #808286; + background-color: #e8ebf2; +} +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #808286; + border-color: #808286; +} + +.list-group-item-dark { + color: #1b1529; + background-color: #c1bec9; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1529; + background-color: #b4b0bd; +} +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1529; + border-color: #1b1529; +} + +.list-group-item-white { + color: #8d8d8e; + background-color: white; +} +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #8d8d8e; + background-color: #f2f2f2; +} +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #8d8d8e; + border-color: #8d8d8e; +} + +.list-group-item-black { + color: #121213; + background-color: #bdbdbd; +} +.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { + color: #121213; + background-color: #b0b0b0; +} +.list-group-item-black.list-group-item-action.active { + color: #ffffff; + background-color: #121213; + border-color: #121213; +} + +.list-group-item-muted { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-muted.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-downvote { + color: #266563; + background-color: #c7e9e8; +} +.list-group-item-downvote.list-group-item-action:hover, .list-group-item-downvote.list-group-item-action:focus { + color: #266563; + background-color: #b5e2e0; +} +.list-group-item-downvote.list-group-item-action.active { + color: #ffffff; + background-color: #266563; + border-color: #266563; +} + +.list-group-item-upvote { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-upvote.list-group-item-action:hover, .list-group-item-upvote.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-upvote.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-purple { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-purple.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gold { + color: #837130; + background-color: #faf0cd; +} +.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus { + color: #837130; + background-color: #f8e9b6; +} +.list-group-item-gold.list-group-item-action.active { + color: #ffffff; + background-color: #837130; + border-color: #837130; +} + +.list-group-item-admin { + color: #8d3e63; + background-color: #ffd4e8; +} +.list-group-item-admin.list-group-item-action:hover, .list-group-item-admin.list-group-item-action:focus { + color: #8d3e63; + background-color: #ffbbda; +} +.list-group-item-admin.list-group-item-action.active { + color: #ffffff; + background-color: #8d3e63; + border-color: #8d3e63; +} + +.list-group-item-gray { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-gray-100 { + color: #88898b; + background-color: #fcfdfe; +} +.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { + color: #88898b; + background-color: #e9f0f8; +} +.list-group-item-gray-100.list-group-item-action.active { + color: #ffffff; + background-color: #88898b; + border-color: #88898b; +} + +.list-group-item-gray-200 { + color: #84868a; + background-color: #fafbfd; +} +.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { + color: #84868a; + background-color: #e8ecf6; +} +.list-group-item-gray-200.list-group-item-action.active { + color: #ffffff; + background-color: #84868a; + border-color: #84868a; +} + +.list-group-item-gray-300 { + color: #7e8186; + background-color: #f7f9fb; +} +.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { + color: #7e8186; + background-color: #e6ecf3; +} +.list-group-item-gray-300.list-group-item-action.active { + color: #ffffff; + background-color: #7e8186; + border-color: #7e8186; +} + +.list-group-item-gray-400 { + color: #72777e; + background-color: #f0f3f6; +} +.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { + color: #72777e; + background-color: #e0e6ec; +} +.list-group-item-gray-400.list-group-item-action.active { + color: #ffffff; + background-color: #72777e; + border-color: #72777e; +} + +.list-group-item-gray-500 { + color: #5c636d; + background-color: #e4e8ed; +} +.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { + color: #5c636d; + background-color: #d5dbe3; +} +.list-group-item-gray-500.list-group-item-action.active { + color: #ffffff; + background-color: #5c636d; + border-color: #5c636d; +} + +.list-group-item-gray-600 { + color: #434b57; + background-color: #d7dbe2; +} +.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { + color: #434b57; + background-color: #c8ced7; +} +.list-group-item-gray-600.list-group-item-action.active { + color: #ffffff; + background-color: #434b57; + border-color: #434b57; +} + +.list-group-item-reddit { + color: #842d22; + background-color: #facbc5; +} +.list-group-item-reddit.list-group-item-action:hover, .list-group-item-reddit.list-group-item-action:focus { + color: #842d22; + background-color: #f8b6ae; +} +.list-group-item-reddit.list-group-item-action.active { + color: #ffffff; + background-color: #842d22; + border-color: #842d22; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #121213; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.5; +} +.close:hover { + color: #121213; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(18, 18, 19, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #718096; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #121213; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #E2E8F0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #E2E8F0; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + max-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #121213; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #121213; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #121213; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #121213; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #121213; + border-radius: 0.35rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(18, 18, 19, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(18, 18, 19, 0.25); +} +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50%/100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff66ac !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff3390 !important; +} + +.bg-secondary { + background-color: #E2E8F0 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c0cddf !important; +} + +.bg-success { + background-color: #38a169 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #2b7b50 !important; +} + +.bg-info { + background-color: #168EEA !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1172bc !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #E53E3E !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #d41c1c !important; +} + +.bg-light { + background-color: #E6E9F0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c6cddd !important; +} + +.bg-dark { + background-color: #23183E !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0e0a19 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-black { + background-color: #121213 !important; +} + +a.bg-black:hover, a.bg-black:focus, +button.bg-black:hover, +button.bg-black:focus { + background-color: black !important; +} + +.bg-muted { + background-color: #718096 !important; +} + +a.bg-muted:hover, a.bg-muted:focus, +button.bg-muted:hover, +button.bg-muted:focus { + background-color: #5a677a !important; +} + +.bg-downvote { + background-color: #38B2AC !important; +} + +a.bg-downvote:hover, a.bg-downvote:focus, +button.bg-downvote:hover, +button.bg-downvote:focus { + background-color: #2c8b87 !important; +} + +.bg-upvote { + background-color: #ff66ac !important; +} + +a.bg-upvote:hover, a.bg-upvote:focus, +button.bg-upvote:hover, +button.bg-upvote:focus { + background-color: #ff3390 !important; +} + +.bg-purple { + background-color: #ff66ac !important; +} + +a.bg-purple:hover, a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #ff3390 !important; +} + +.bg-gold { + background-color: #ECC94B !important; +} + +a.bg-gold:hover, a.bg-gold:focus, +button.bg-gold:hover, +button.bg-gold:focus { + background-color: #e7bb1d !important; +} + +.bg-admin { + background-color: #ff66ac !important; +} + +a.bg-admin:hover, a.bg-admin:focus, +button.bg-admin:hover, +button.bg-admin:focus { + background-color: #ff3390 !important; +} + +.bg-gray { + background-color: #718096 !important; +} + +a.bg-gray:hover, a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #5a677a !important; +} + +.bg-gray-100 { + background-color: #F5F7FA !important; +} + +a.bg-gray-100:hover, a.bg-gray-100:focus, +button.bg-gray-100:hover, +button.bg-gray-100:focus { + background-color: #d3dce9 !important; +} + +.bg-gray-200 { + background-color: #EDF2F7 !important; +} + +a.bg-gray-200:hover, a.bg-gray-200:focus, +button.bg-gray-200:hover, +button.bg-gray-200:focus { + background-color: #cad9e7 !important; +} + +.bg-gray-300 { + background-color: #E2E8F0 !important; +} + +a.bg-gray-300:hover, a.bg-gray-300:focus, +button.bg-gray-300:hover, +button.bg-gray-300:focus { + background-color: #c0cddf !important; +} + +.bg-gray-400 { + background-color: #CBD5E0 !important; +} + +a.bg-gray-400:hover, a.bg-gray-400:focus, +button.bg-gray-400:hover, +button.bg-gray-400:focus { + background-color: #abbbcd !important; +} + +.bg-gray-500 { + background-color: #A0AEC0 !important; +} + +a.bg-gray-500:hover, a.bg-gray-500:focus, +button.bg-gray-500:hover, +button.bg-gray-500:focus { + background-color: #8194ac !important; +} + +.bg-gray-600 { + background-color: #718096 !important; +} + +a.bg-gray-600:hover, a.bg-gray-600:focus, +button.bg-gray-600:hover, +button.bg-gray-600:focus { + background-color: #5a677a !important; +} + +.bg-reddit { + background-color: #ED4630 !important; +} + +a.bg-reddit:hover, a.bg-reddit:focus, +button.bg-reddit:hover, +button.bg-reddit:focus { + background-color: #d72a13 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff66ac !important; +} + +.border-secondary { + border-color: #E2E8F0 !important; +} + +.border-success { + border-color: #38a169 !important; +} + +.border-info { + border-color: #168EEA !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #E53E3E !important; +} + +.border-light { + border-color: #E6E9F0 !important; +} + +.border-dark { + border-color: #23183E !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-black { + border-color: #121213 !important; +} + +.border-muted { + border-color: #718096 !important; +} + +.border-downvote { + border-color: #38B2AC !important; +} + +.border-upvote { + border-color: #ff66ac !important; +} + +.border-purple { + border-color: #ff66ac !important; +} + +.border-gold { + border-color: #ECC94B !important; +} + +.border-admin { + border-color: #ff66ac !important; +} + +.border-gray { + border-color: #718096 !important; +} + +.border-gray-100 { + border-color: #F5F7FA !important; +} + +.border-gray-200 { + border-color: #EDF2F7 !important; +} + +.border-gray-300 { + border-color: #E2E8F0 !important; +} + +.border-gray-400 { + border-color: #CBD5E0 !important; +} + +.border-gray-500 { + border-color: #A0AEC0 !important; +} + +.border-gray-600 { + border-color: #718096 !important; +} + +.border-reddit { + border-color: #ED4630 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.25rem !important; +} + +.rounded { + border-radius: 0.35rem !important; +} + +.rounded-top { + border-top-left-radius: 0.35rem !important; + border-top-right-radius: 0.35rem !important; +} + +.rounded-right { + border-top-right-radius: 0.35rem !important; + border-bottom-right-radius: 0.35rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-left { + border-top-left-radius: 0.35rem !important; + border-bottom-left-radius: 0.35rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} + +.shadow { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-lg { + box-shadow: 0 8px 20px 0 rgba(18, 18, 19, 0.1) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.w-130 { + width: 130% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.h-130 { + height: 130% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.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); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-6 { + margin: 3.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 3.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 3.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 3.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 3.5rem !important; +} + +.m-7 { + margin: 5rem !important; +} + +.mt-7, +.my-7 { + margin-top: 5rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 5rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 5rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 5rem !important; +} + +.m-8 { + margin: 10rem !important; +} + +.mt-8, +.my-8 { + margin-top: 10rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 10rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 10rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 10rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-6 { + padding: 3.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 3.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 3.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 3.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 3.5rem !important; +} + +.p-7 { + padding: 5rem !important; +} + +.pt-7, +.py-7 { + padding-top: 5rem !important; +} + +.pr-7, +.px-7 { + padding-right: 5rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 5rem !important; +} + +.pl-7, +.px-7 { + padding-left: 5rem !important; +} + +.p-8 { + padding: 10rem !important; +} + +.pt-8, +.py-8 { + padding-top: 10rem !important; +} + +.pr-8, +.px-8 { + padding-right: 10rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 10rem !important; +} + +.pl-8, +.px-8 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n6 { + margin: -3.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -3.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -3.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -3.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -3.5rem !important; +} + +.m-n7 { + margin: -5rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -5rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -5rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -5rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -5rem !important; +} + +.m-n8 { + margin: -10rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -10rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -10rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -10rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -10rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, +.my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, +.mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, +.my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, +.mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, +.my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, +.mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, +.my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, +.mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, +.my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, +.mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, +.my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, +.mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, +.my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, +.mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, +.my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, +.mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, +.my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, +.mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, +.my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, +.mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, +.my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, +.mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, +.my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, +.mx-sm-5 { + margin-left: 3rem !important; + } + + .m-sm-6 { + margin: 3.5rem !important; + } + + .mt-sm-6, +.my-sm-6 { + margin-top: 3.5rem !important; + } + + .mr-sm-6, +.mx-sm-6 { + margin-right: 3.5rem !important; + } + + .mb-sm-6, +.my-sm-6 { + margin-bottom: 3.5rem !important; + } + + .ml-sm-6, +.mx-sm-6 { + margin-left: 3.5rem !important; + } + + .m-sm-7 { + margin: 5rem !important; + } + + .mt-sm-7, +.my-sm-7 { + margin-top: 5rem !important; + } + + .mr-sm-7, +.mx-sm-7 { + margin-right: 5rem !important; + } + + .mb-sm-7, +.my-sm-7 { + margin-bottom: 5rem !important; + } + + .ml-sm-7, +.mx-sm-7 { + margin-left: 5rem !important; + } + + .m-sm-8 { + margin: 10rem !important; + } + + .mt-sm-8, +.my-sm-8 { + margin-top: 10rem !important; + } + + .mr-sm-8, +.mx-sm-8 { + margin-right: 10rem !important; + } + + .mb-sm-8, +.my-sm-8 { + margin-bottom: 10rem !important; + } + + .ml-sm-8, +.mx-sm-8 { + margin-left: 10rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, +.py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, +.px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, +.py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, +.px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, +.py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, +.px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, +.py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, +.px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, +.py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, +.px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, +.py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, +.px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, +.py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, +.px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, +.py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, +.px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, +.py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, +.px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, +.py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, +.px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, +.py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, +.px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, +.py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, +.px-sm-5 { + padding-left: 3rem !important; + } + + .p-sm-6 { + padding: 3.5rem !important; + } + + .pt-sm-6, +.py-sm-6 { + padding-top: 3.5rem !important; + } + + .pr-sm-6, +.px-sm-6 { + padding-right: 3.5rem !important; + } + + .pb-sm-6, +.py-sm-6 { + padding-bottom: 3.5rem !important; + } + + .pl-sm-6, +.px-sm-6 { + padding-left: 3.5rem !important; + } + + .p-sm-7 { + padding: 5rem !important; + } + + .pt-sm-7, +.py-sm-7 { + padding-top: 5rem !important; + } + + .pr-sm-7, +.px-sm-7 { + padding-right: 5rem !important; + } + + .pb-sm-7, +.py-sm-7 { + padding-bottom: 5rem !important; + } + + .pl-sm-7, +.px-sm-7 { + padding-left: 5rem !important; + } + + .p-sm-8 { + padding: 10rem !important; + } + + .pt-sm-8, +.py-sm-8 { + padding-top: 10rem !important; + } + + .pr-sm-8, +.px-sm-8 { + padding-right: 10rem !important; + } + + .pb-sm-8, +.py-sm-8 { + padding-bottom: 10rem !important; + } + + .pl-sm-8, +.px-sm-8 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, +.my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, +.mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, +.my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, +.mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, +.my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, +.mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, +.my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, +.mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, +.my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, +.mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, +.my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, +.mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, +.my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, +.mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, +.my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, +.mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, +.my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, +.mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, +.my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, +.mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n6 { + margin: -3.5rem !important; + } + + .mt-sm-n6, +.my-sm-n6 { + margin-top: -3.5rem !important; + } + + .mr-sm-n6, +.mx-sm-n6 { + margin-right: -3.5rem !important; + } + + .mb-sm-n6, +.my-sm-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-sm-n6, +.mx-sm-n6 { + margin-left: -3.5rem !important; + } + + .m-sm-n7 { + margin: -5rem !important; + } + + .mt-sm-n7, +.my-sm-n7 { + margin-top: -5rem !important; + } + + .mr-sm-n7, +.mx-sm-n7 { + margin-right: -5rem !important; + } + + .mb-sm-n7, +.my-sm-n7 { + margin-bottom: -5rem !important; + } + + .ml-sm-n7, +.mx-sm-n7 { + margin-left: -5rem !important; + } + + .m-sm-n8 { + margin: -10rem !important; + } + + .mt-sm-n8, +.my-sm-n8 { + margin-top: -10rem !important; + } + + .mr-sm-n8, +.mx-sm-n8 { + margin-right: -10rem !important; + } + + .mb-sm-n8, +.my-sm-n8 { + margin-bottom: -10rem !important; + } + + .ml-sm-n8, +.mx-sm-n8 { + margin-left: -10rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, +.my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, +.mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, +.my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, +.mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, +.my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, +.mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, +.my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, +.mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, +.my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, +.mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, +.my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, +.mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, +.my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, +.mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, +.my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, +.mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, +.my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, +.mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, +.my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, +.mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, +.my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, +.mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, +.my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, +.mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, +.my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, +.mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, +.my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, +.mx-md-5 { + margin-left: 3rem !important; + } + + .m-md-6 { + margin: 3.5rem !important; + } + + .mt-md-6, +.my-md-6 { + margin-top: 3.5rem !important; + } + + .mr-md-6, +.mx-md-6 { + margin-right: 3.5rem !important; + } + + .mb-md-6, +.my-md-6 { + margin-bottom: 3.5rem !important; + } + + .ml-md-6, +.mx-md-6 { + margin-left: 3.5rem !important; + } + + .m-md-7 { + margin: 5rem !important; + } + + .mt-md-7, +.my-md-7 { + margin-top: 5rem !important; + } + + .mr-md-7, +.mx-md-7 { + margin-right: 5rem !important; + } + + .mb-md-7, +.my-md-7 { + margin-bottom: 5rem !important; + } + + .ml-md-7, +.mx-md-7 { + margin-left: 5rem !important; + } + + .m-md-8 { + margin: 10rem !important; + } + + .mt-md-8, +.my-md-8 { + margin-top: 10rem !important; + } + + .mr-md-8, +.mx-md-8 { + margin-right: 10rem !important; + } + + .mb-md-8, +.my-md-8 { + margin-bottom: 10rem !important; + } + + .ml-md-8, +.mx-md-8 { + margin-left: 10rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, +.py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, +.px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, +.py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, +.px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, +.py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, +.px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, +.py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, +.px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, +.py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, +.px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, +.py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, +.px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, +.py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, +.px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, +.py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, +.px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, +.py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, +.px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, +.py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, +.px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, +.py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, +.px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, +.py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, +.px-md-5 { + padding-left: 3rem !important; + } + + .p-md-6 { + padding: 3.5rem !important; + } + + .pt-md-6, +.py-md-6 { + padding-top: 3.5rem !important; + } + + .pr-md-6, +.px-md-6 { + padding-right: 3.5rem !important; + } + + .pb-md-6, +.py-md-6 { + padding-bottom: 3.5rem !important; + } + + .pl-md-6, +.px-md-6 { + padding-left: 3.5rem !important; + } + + .p-md-7 { + padding: 5rem !important; + } + + .pt-md-7, +.py-md-7 { + padding-top: 5rem !important; + } + + .pr-md-7, +.px-md-7 { + padding-right: 5rem !important; + } + + .pb-md-7, +.py-md-7 { + padding-bottom: 5rem !important; + } + + .pl-md-7, +.px-md-7 { + padding-left: 5rem !important; + } + + .p-md-8 { + padding: 10rem !important; + } + + .pt-md-8, +.py-md-8 { + padding-top: 10rem !important; + } + + .pr-md-8, +.px-md-8 { + padding-right: 10rem !important; + } + + .pb-md-8, +.py-md-8 { + padding-bottom: 10rem !important; + } + + .pl-md-8, +.px-md-8 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, +.my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, +.mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, +.my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, +.mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, +.my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, +.mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, +.my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, +.mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, +.my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, +.mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, +.my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, +.mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, +.my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, +.mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, +.my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, +.mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, +.my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, +.mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, +.my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, +.mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n6 { + margin: -3.5rem !important; + } + + .mt-md-n6, +.my-md-n6 { + margin-top: -3.5rem !important; + } + + .mr-md-n6, +.mx-md-n6 { + margin-right: -3.5rem !important; + } + + .mb-md-n6, +.my-md-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-md-n6, +.mx-md-n6 { + margin-left: -3.5rem !important; + } + + .m-md-n7 { + margin: -5rem !important; + } + + .mt-md-n7, +.my-md-n7 { + margin-top: -5rem !important; + } + + .mr-md-n7, +.mx-md-n7 { + margin-right: -5rem !important; + } + + .mb-md-n7, +.my-md-n7 { + margin-bottom: -5rem !important; + } + + .ml-md-n7, +.mx-md-n7 { + margin-left: -5rem !important; + } + + .m-md-n8 { + margin: -10rem !important; + } + + .mt-md-n8, +.my-md-n8 { + margin-top: -10rem !important; + } + + .mr-md-n8, +.mx-md-n8 { + margin-right: -10rem !important; + } + + .mb-md-n8, +.my-md-n8 { + margin-bottom: -10rem !important; + } + + .ml-md-n8, +.mx-md-n8 { + margin-left: -10rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, +.my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, +.mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, +.my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, +.mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, +.my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, +.mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, +.my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, +.mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, +.my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, +.mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, +.my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, +.mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, +.my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, +.mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, +.my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, +.mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, +.my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, +.mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, +.my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, +.mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, +.my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, +.mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, +.my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, +.mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, +.my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, +.mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, +.my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, +.mx-lg-5 { + margin-left: 3rem !important; + } + + .m-lg-6 { + margin: 3.5rem !important; + } + + .mt-lg-6, +.my-lg-6 { + margin-top: 3.5rem !important; + } + + .mr-lg-6, +.mx-lg-6 { + margin-right: 3.5rem !important; + } + + .mb-lg-6, +.my-lg-6 { + margin-bottom: 3.5rem !important; + } + + .ml-lg-6, +.mx-lg-6 { + margin-left: 3.5rem !important; + } + + .m-lg-7 { + margin: 5rem !important; + } + + .mt-lg-7, +.my-lg-7 { + margin-top: 5rem !important; + } + + .mr-lg-7, +.mx-lg-7 { + margin-right: 5rem !important; + } + + .mb-lg-7, +.my-lg-7 { + margin-bottom: 5rem !important; + } + + .ml-lg-7, +.mx-lg-7 { + margin-left: 5rem !important; + } + + .m-lg-8 { + margin: 10rem !important; + } + + .mt-lg-8, +.my-lg-8 { + margin-top: 10rem !important; + } + + .mr-lg-8, +.mx-lg-8 { + margin-right: 10rem !important; + } + + .mb-lg-8, +.my-lg-8 { + margin-bottom: 10rem !important; + } + + .ml-lg-8, +.mx-lg-8 { + margin-left: 10rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, +.py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, +.px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, +.py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, +.px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, +.py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, +.px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, +.py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, +.px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, +.py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, +.px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, +.py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, +.px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, +.py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, +.px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, +.py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, +.px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, +.py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, +.px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, +.py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, +.px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, +.py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, +.px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, +.py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, +.px-lg-5 { + padding-left: 3rem !important; + } + + .p-lg-6 { + padding: 3.5rem !important; + } + + .pt-lg-6, +.py-lg-6 { + padding-top: 3.5rem !important; + } + + .pr-lg-6, +.px-lg-6 { + padding-right: 3.5rem !important; + } + + .pb-lg-6, +.py-lg-6 { + padding-bottom: 3.5rem !important; + } + + .pl-lg-6, +.px-lg-6 { + padding-left: 3.5rem !important; + } + + .p-lg-7 { + padding: 5rem !important; + } + + .pt-lg-7, +.py-lg-7 { + padding-top: 5rem !important; + } + + .pr-lg-7, +.px-lg-7 { + padding-right: 5rem !important; + } + + .pb-lg-7, +.py-lg-7 { + padding-bottom: 5rem !important; + } + + .pl-lg-7, +.px-lg-7 { + padding-left: 5rem !important; + } + + .p-lg-8 { + padding: 10rem !important; + } + + .pt-lg-8, +.py-lg-8 { + padding-top: 10rem !important; + } + + .pr-lg-8, +.px-lg-8 { + padding-right: 10rem !important; + } + + .pb-lg-8, +.py-lg-8 { + padding-bottom: 10rem !important; + } + + .pl-lg-8, +.px-lg-8 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, +.my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, +.mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, +.my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, +.mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, +.my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, +.mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, +.my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, +.mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, +.my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, +.mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, +.my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, +.mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, +.my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, +.mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, +.my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, +.mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, +.my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, +.mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, +.my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, +.mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n6 { + margin: -3.5rem !important; + } + + .mt-lg-n6, +.my-lg-n6 { + margin-top: -3.5rem !important; + } + + .mr-lg-n6, +.mx-lg-n6 { + margin-right: -3.5rem !important; + } + + .mb-lg-n6, +.my-lg-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-lg-n6, +.mx-lg-n6 { + margin-left: -3.5rem !important; + } + + .m-lg-n7 { + margin: -5rem !important; + } + + .mt-lg-n7, +.my-lg-n7 { + margin-top: -5rem !important; + } + + .mr-lg-n7, +.mx-lg-n7 { + margin-right: -5rem !important; + } + + .mb-lg-n7, +.my-lg-n7 { + margin-bottom: -5rem !important; + } + + .ml-lg-n7, +.mx-lg-n7 { + margin-left: -5rem !important; + } + + .m-lg-n8 { + margin: -10rem !important; + } + + .mt-lg-n8, +.my-lg-n8 { + margin-top: -10rem !important; + } + + .mr-lg-n8, +.mx-lg-n8 { + margin-right: -10rem !important; + } + + .mb-lg-n8, +.my-lg-n8 { + margin-bottom: -10rem !important; + } + + .ml-lg-n8, +.mx-lg-n8 { + margin-left: -10rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, +.my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, +.mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, +.my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, +.mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, +.my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, +.mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, +.my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, +.mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, +.my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, +.mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, +.my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, +.mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, +.my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, +.mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, +.my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, +.mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, +.my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, +.mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, +.my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, +.mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, +.my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, +.mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, +.my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, +.mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, +.my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, +.mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, +.my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, +.mx-xl-5 { + margin-left: 3rem !important; + } + + .m-xl-6 { + margin: 3.5rem !important; + } + + .mt-xl-6, +.my-xl-6 { + margin-top: 3.5rem !important; + } + + .mr-xl-6, +.mx-xl-6 { + margin-right: 3.5rem !important; + } + + .mb-xl-6, +.my-xl-6 { + margin-bottom: 3.5rem !important; + } + + .ml-xl-6, +.mx-xl-6 { + margin-left: 3.5rem !important; + } + + .m-xl-7 { + margin: 5rem !important; + } + + .mt-xl-7, +.my-xl-7 { + margin-top: 5rem !important; + } + + .mr-xl-7, +.mx-xl-7 { + margin-right: 5rem !important; + } + + .mb-xl-7, +.my-xl-7 { + margin-bottom: 5rem !important; + } + + .ml-xl-7, +.mx-xl-7 { + margin-left: 5rem !important; + } + + .m-xl-8 { + margin: 10rem !important; + } + + .mt-xl-8, +.my-xl-8 { + margin-top: 10rem !important; + } + + .mr-xl-8, +.mx-xl-8 { + margin-right: 10rem !important; + } + + .mb-xl-8, +.my-xl-8 { + margin-bottom: 10rem !important; + } + + .ml-xl-8, +.mx-xl-8 { + margin-left: 10rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, +.py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, +.px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, +.py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, +.px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, +.py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, +.px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, +.py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, +.px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, +.py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, +.px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, +.py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, +.px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, +.py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, +.px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, +.py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, +.px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, +.py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, +.px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, +.py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, +.px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, +.py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, +.px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, +.py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, +.px-xl-5 { + padding-left: 3rem !important; + } + + .p-xl-6 { + padding: 3.5rem !important; + } + + .pt-xl-6, +.py-xl-6 { + padding-top: 3.5rem !important; + } + + .pr-xl-6, +.px-xl-6 { + padding-right: 3.5rem !important; + } + + .pb-xl-6, +.py-xl-6 { + padding-bottom: 3.5rem !important; + } + + .pl-xl-6, +.px-xl-6 { + padding-left: 3.5rem !important; + } + + .p-xl-7 { + padding: 5rem !important; + } + + .pt-xl-7, +.py-xl-7 { + padding-top: 5rem !important; + } + + .pr-xl-7, +.px-xl-7 { + padding-right: 5rem !important; + } + + .pb-xl-7, +.py-xl-7 { + padding-bottom: 5rem !important; + } + + .pl-xl-7, +.px-xl-7 { + padding-left: 5rem !important; + } + + .p-xl-8 { + padding: 10rem !important; + } + + .pt-xl-8, +.py-xl-8 { + padding-top: 10rem !important; + } + + .pr-xl-8, +.px-xl-8 { + padding-right: 10rem !important; + } + + .pb-xl-8, +.py-xl-8 { + padding-bottom: 10rem !important; + } + + .pl-xl-8, +.px-xl-8 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, +.my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, +.mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, +.my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, +.mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, +.my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, +.mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, +.my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, +.mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, +.my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, +.mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, +.my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, +.mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, +.my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, +.mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, +.my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, +.mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, +.my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, +.mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, +.my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, +.mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n6 { + margin: -3.5rem !important; + } + + .mt-xl-n6, +.my-xl-n6 { + margin-top: -3.5rem !important; + } + + .mr-xl-n6, +.mx-xl-n6 { + margin-right: -3.5rem !important; + } + + .mb-xl-n6, +.my-xl-n6 { + margin-bottom: -3.5rem !important; + } + + .ml-xl-n6, +.mx-xl-n6 { + margin-left: -3.5rem !important; + } + + .m-xl-n7 { + margin: -5rem !important; + } + + .mt-xl-n7, +.my-xl-n7 { + margin-top: -5rem !important; + } + + .mr-xl-n7, +.mx-xl-n7 { + margin-right: -5rem !important; + } + + .mb-xl-n7, +.my-xl-n7 { + margin-bottom: -5rem !important; + } + + .ml-xl-n7, +.mx-xl-n7 { + margin-left: -5rem !important; + } + + .m-xl-n8 { + margin: -10rem !important; + } + + .mt-xl-n8, +.my-xl-n8 { + margin-top: -10rem !important; + } + + .mr-xl-n8, +.mx-xl-n8 { + margin-right: -10rem !important; + } + + .mb-xl-n8, +.my-xl-n8 { + margin-bottom: -10rem !important; + } + + .ml-xl-n8, +.mx-xl-n8 { + margin-left: -10rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, +.my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, +.mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, +.my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, +.mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #ff66ac !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #ff1a83 !important; +} + +.text-secondary { + color: #E2E8F0 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #b0c0d6 !important; +} + +.text-success { + color: #38a169 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #246844 !important; +} + +.text-info { + color: #168EEA !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f64a5 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #E53E3E !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #bd1919 !important; +} + +.text-light { + color: #E6E9F0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #b6bfd3 !important; +} + +.text-dark { + color: #23183E !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #040307 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-black { + color: #121213 !important; +} + +a.text-black:hover, a.text-black:focus { + color: black !important; +} + +.text-muted { + color: #718096 !important; +} + +a.text-muted:hover, a.text-muted:focus { + color: #4f5b6b !important; +} + +.text-downvote { + color: #38B2AC !important; +} + +a.text-downvote:hover, a.text-downvote:focus { + color: #267874 !important; +} + +.text-upvote { + color: #ff66ac !important; +} + +a.text-upvote:hover, a.text-upvote:focus { + color: #ff1a83 !important; +} + +.text-purple { + color: #ff66ac !important; +} + +a.text-purple:hover, a.text-purple:focus { + color: #ff1a83 !important; +} + +.text-gold { + color: #ECC94B !important; +} + +a.text-gold:hover, a.text-gold:focus { + color: #d4ab16 !important; +} + +.text-admin { + color: #ff66ac !important; +} + +a.text-admin:hover, a.text-admin:focus { + color: #ff1a83 !important; +} + +.text-gray { + color: #718096 !important; +} + +a.text-gray:hover, a.text-gray:focus { + color: #4f5b6b !important; +} + +.text-gray-100 { + color: #F5F7FA !important; +} + +a.text-gray-100:hover, a.text-gray-100:focus { + color: #c2cee1 !important; +} + +.text-gray-200 { + color: #EDF2F7 !important; +} + +a.text-gray-200:hover, a.text-gray-200:focus { + color: #b8ccdf !important; +} + +.text-gray-300 { + color: #E2E8F0 !important; +} + +a.text-gray-300:hover, a.text-gray-300:focus { + color: #b0c0d6 !important; +} + +.text-gray-400 { + color: #CBD5E0 !important; +} + +a.text-gray-400:hover, a.text-gray-400:focus { + color: #9baec3 !important; +} + +.text-gray-500 { + color: #A0AEC0 !important; +} + +a.text-gray-500:hover, a.text-gray-500:focus { + color: #7287a1 !important; +} + +.text-gray-600 { + color: #718096 !important; +} + +a.text-gray-600:hover, a.text-gray-600:focus { + color: #4f5b6b !important; +} + +.text-reddit { + color: #ED4630 !important; +} + +a.text-reddit:hover, a.text-reddit:focus { + color: #c02511 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #718096 !important; +} + +.text-black-50 { + color: rgba(18, 18, 19, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, +*::before, +*::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, +blockquote { + border: 1px solid #A0AEC0; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, +img { + page-break-inside: avoid; + } + + p, +h2, +h3 { + orphans: 3; + widows: 3; + } + + h2, +h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #121213; + } + + .table { + border-collapse: collapse !important; + } + .table td, +.table th { + background-color: #ffffff !important; + } + + .table-bordered th, +.table-bordered td { + border: 1px solid #E2E8F0 !important; + } + + .table-dark { + color: inherit; + } + .table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #E2E8F0; + } + + .table .thead-dark th { + color: inherit; + border-color: #E2E8F0; + } +} +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; + } +} +body { + color: #121213; + padding-top: 49px; + background-color: #E2E8F0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container { + max-width: 1240px; + } +} +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; + /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; + /* Mozilla, since 1999 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: #ffffff; +} + +#page { + padding-top: 49px; + background-color: #ffffff; +} + +#article { + padding-top: 0; + background-color: #ffffff; +} + +#thread, #userpage { + background-color: #F5F7FA; +} + +#article .navbar-light .navbar-nav .nav-link { + color: #121213; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: #ff66ac; +} + +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none !important; +} + +#message .sidebar, #message-success .sidebar { + display: none; +} + +#thread .custom-gutters { + padding: 0 15px; + background-color: #ffffff; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 49px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-small { + font-size: 12px !important; +} + +.text-small-extra { + font-size: 11px !important; +} + +.display-5 { + font-size: 3rem; + font-weight: 400; + line-height: 1.2; +} + +.lead { + font-weight: 400; +} + +#page p { + font-size: 16px; +} + +a.dropdown-toggle:hover { + text-decoration: none; +} + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle=collapse] .fa:before { + content: ""; +} + +[data-toggle=collapse].collapsed .fa:before { + content: ""; +} + +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.375rem 0.75rem; + font-size: 12px; +} + +.btn-lg, .btn-group-lg > .btn { + font-size: 1rem; +} + +.btn-secondary { + color: #718096; +} + +.btn-tag { + border-radius: 3rem; + font-size: 12px; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn-tag:hover { + color: #121213; +} + +.btn.disabled, .btn:disabled { + opacity: 0.5; +} + +.btn-success, .btn-danger { + color: #ffffff; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} + +.btn-group.btn-integration { + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +.btn-integration { + font-weight: 600; + border-left: 1px solid #E2E8F0; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: 1.325rem; + vertical-align: middle; +} + +.tooltip { + font-weight: 600; +} + +.tooltip-inner { + background-color: #121213; +} + +.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { + border-right-color: #121213 !important; +} + +.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { + border-left-color: #121213 !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { + border-bottom-color: #121213 !important; +} + +.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { + border-top-color: #121213 !important; +} + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #E2E8F0; + border-left-width: 0.25rem; + border-radius: 0.25rem; +} + +.alert { + padding: 0.5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +.toast { + font-size: 1rem; + font-weight: 600; + color: #ffffff; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: #121213; + border-radius: 0.35rem; +} + +.navbar-light { + background-color: #ffffff; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: #23183E; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: #ff66ac; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: #ff66ac; + font-weight: 600; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 #E2E8F0; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: #ffffff; + z-index: 5; +} + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: #121213; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: #ff66ac; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #A0AEC0; + text-align: center; + font-size: 1rem; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: #ff66ac; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: #E6E9F0; + border-radius: 0.35rem; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: #ffffff; + text-align: center; + font-size: 1.25rem; +} + +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: #121213; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: #ffffff; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #ffffff; + font-size: 10px; + font-weight: 600; + top: -4px; + left: 12px; + border: 2px solid #ffffff; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: #718096; + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: #ff66ac; +} + +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: #ff66ac; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.settings-nav > .nav-item > .nav-link.active { + color: #ff66ac; + box-shadow: inset 0 -2px 0 #ff66ac; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.color-picker input[type=radio] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: #718096; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: #ff66ac; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: #ff66ac; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid #ff66ac; +} + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: #ff66ac; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: #ffffff; +} + +.form-inline.search .form-control { + background-color: #EDF2F7; + font-size: 1rem; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; + opacity: 0.25; + /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; + opacity: 0.25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #121213; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #121213; +} + +.bg-svg { + background-color: #23183E; + background-attachment: fixed; + background-size: cover; +} + +.form-control { + color: #718096; + border-color: transparent; + border-width: 2px; + background: #F5F7FA; + transition: none; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: #E2E8F0; + background-color: #ffffff; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: #E2E8F0; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: #121213; + background-color: #ffffff; + outline: 0; + border-color: #ff66ac; + box-shadow: none; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: #121213; +} + +#login label { + color: #121213; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: #121213; + vertical-align: middle; + padding: 0.1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; +} + +.user-profile > .dropdown-toggle::after { + display: none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: #121213; + text-decoration: none; + background-color: #EDF2F7; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, +.dropdown-item:focus .fa, .dropdown-item.active .fa { + color: #121213; +} + +small, .small { + font-size: 12px; +} + +th { + font-weight: 600; +} + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { + font-size: 12px; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: 12px; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: 1.25rem; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: #718096; +} + +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ +/* .voting div:focus { + outline: 0; +} */ +.active.arrow-up::before { + color: #ff66ac; +} + +.arrow-up::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-up:hover::before { + color: #ff66ac; + opacity: 0.5; +} + +.active.arrow-down::before { + color: #38B2AC; +} + +.arrow-down::before { + cursor: pointer; + font-size: 1rem; + color: #CBD5E0; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: #ff66ac !important; +} + +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} + +.comment-actions .score { + color: #718096; +} + +.score { + color: #121213; +} + +.score-up { + color: #ff66ac !important; +} + +.score-down { + color: #38B2AC !important; +} + +.banned .score, .deleted .score { + color: #E2E8F0 !important; +} + +a .link-arrow { + position: relative; + right: 0; + transition: right ease 0.25s; + margin-left: 0.5rem; + font-size: 12px; +} + +a:hover .link-arrow { + right: -0.5rem; + color: #23183E; +} + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 #E2E8F0; +} + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-80 { + opacity: 0.8; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: #ffffff; + border-radius: 0.35rem; + border: 1px solid #E2E8F0; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: #F5F7FA; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: #ffffff; +} + +.post-filter { + display: inline-block; + font-size: 12px; + font-weight: 600; + color: #718096; +} + +.post-filter .fa, .post-filter .fas { + font-size: 11px; + margin-right: 0.5rem; + opacity: 0.9; + color: #ff66ac; + width: 1rem; +} + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid #E2E8F0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: #ff66ac; + border-left: 2px solid #ff66ac; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: #ff66ac; + font-weight: 600; + left: -1px; + border-left: solid 2px #ff66ac; + z-index: 2; +} + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.025rem; + color: #ffffff; + background-color: #ff66ac; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + border: solid #E2E8F0; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: #F5F7FA; + border-radius: 0.35rem; + overflow: hidden; + word-break: break-word; +} +.sidebar-section .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px #F5F7FA; +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: #718096; + font-weight: 600; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: #121213; + background-color: #ffffff; + border: none; +} + +.sidebar-section.sidebar-dark-promo .form-control { + background-color: #718096; + color: #718096; +} + +.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { + background-color: #ffffff; + color: #121213; + border-color: #F5F7FA; +} + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #718096; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: #121213; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: ""; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + + .sidebar-left .collapsed-toggle-parent { + display: none !important; + } +} +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + background-color: transparent; + color: #718096; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: #718096; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: #718096; + font-size: 12px; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: #121213; +} + +.filter-list > .filter-item > .filter-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.filter-list .filter-link:hover .fa, .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab, .filter-list .filter-link:focus .fab { + color: #ff66ac; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: #ff66ac; +} + +.filter-link:hover, .filter-link:focus { + color: #ff66ac; +} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: #718096; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: #121213; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: #121213; + background-color: #ffffff; + border-radius: 0.35rem; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: #ff66ac; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: #ff66ac; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: #ff66ac; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: 0.35rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); +} + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + +.dashboard-list .dashboard-item { + color: #718096; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: #718096; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: #121213; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: #ff66ac; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa, .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab, .dashboard-list .dashboard-link:focus .fab { + color: #ff66ac; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: #ff66ac; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: #ff66ac; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: 0.25rem; +} + +.online-count { + margin-bottom: 0.25rem; +} + +.progress { + border-radius: 50%; +} + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: 0.35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: #ffffff; + background-color: #FFFFFF; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: 12px; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #ffffff; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: #FFFFFF; +} + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border: none; + border-radius: $border-radius; + margin-top: 1rem; + box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + //border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ +.toggle-view .nav-link { + color: #718096; + font-size: 12px; + font-weight: 600; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: 12px; + margin-right: 0.5rem; + color: #718096; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: #ff66ac; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: #ff66ac; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab, .toggle-view .nav-link:focus .fab { + color: #ff66ac; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} + +.card-header { + font-size: 1rem; + font-weight: 600; + color: #718096; + padding: 0.5rem 1rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-bottom: 1px solid #E2E8F0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: #E2E8F0; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: #EDF2F7; +} + +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: #121213; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: #ff66ac; +} + +#frontpage .post-title a { + color: #121213; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: #121213; +} + +.stretched-link a:hover { + color: #ff66ac; +} + +.post-meta { + position: relative; + z-index: 2; + color: #718096; + font-size: 12px; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} + +.modal-header { + border-bottom: 1px solid #E2E8F0; + background-color: #ffffff; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; +} + +.modal-header .close { + padding: 1.25rem 1rem 0 1rem; +} + +.modal-content { + border: none; + border-radius: 0.35rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.modal-footer { + border: none; + background-color: #EDF2F7; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .post-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.post-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: #121213; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: #121213; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: #121213; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: #121213; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far .post-actions .removeDropdownItem.dropdown-item:hover .fa, +.post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa, +.post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } +} +.dropdown-actions { + position: relative; + color: #718096; + font-weight: 600; + font-size: 12px; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: #718096; + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: 1.25rem; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: #121213; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: #121213; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: #121213; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: #121213; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far .dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, +.dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: 0.35rem; + border: 5px solid #ffffff; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +.page-link { + font-weight: 600; +} + +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + } + + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; + } +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: #ffffff; +} + +.post-actions a { + color: #718096; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: #121213; +} + +.post-actions .dropdown-item:hover { + color: #121213; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid #ff66ac; + border-radius: 0.35rem; + z-index: 2; + background-color: #E2E8F0; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: #ffffff; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; + } + + .post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.25rem 0.5rem; + text-align: right; + width: 100%; + color: #ffffff; + } +} +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} + +.time-stamp, .points { + color: #718096; +} + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: #718096; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + word-break: break-word; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: 12px; + color: #718096; + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: #121213; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: #121213; + overflow: hidden; +} + +.comment .comment-body .comment-image { + border: 1px solid #ff66ac; +} + +blockquote { + border-left: 2px solid #ff66ac; + color: #ff66ac; + font-size: 1rem; + font-weight: 400; + background-color: rgba(255, 102, 172, 0.15); + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .comment-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.comment-section { + background-color: #F5F7FA; +} + +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.5rem; + color: #A0AEC0; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: #121213; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: #121213; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: #121213; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: #121213; +} + +.comment-actions a { + color: #718096; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: #121213; +} + +.comment-actions .dropdown-item:hover { + color: #121213; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #ffc107; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far .comment-actions .removeDropdownItem.dropdown-item:hover .fa, +.comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: #ffffff; + text-decoration: none; + background-color: #38a169; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa, +.comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: #ffffff; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: 1.25rem; + color: #121213; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: #ffffff; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} + +.comment-write textarea { + background: #ffffff; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 3; +} + +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #A0AEC0; +} + +.comment-write .comment-format .format:hover { + color: #718096; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid #CBD5E0; + font-size: 1rem; + color: #ff66ac; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: #ff66ac; +} + +.comment.collapsed .comment-collapse::before { + content: ""; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: #A0AEC0; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: #ff66ac; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} + +.comment.collapsed .comment-body { + opacity: 0.5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: 0.25rem; +} + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: 600; + margin-bottom: 0.5rem; +} + +.reaction { + border: 1px solid #E2E8F0; + background-color: #ffffff; + padding: 0.25rem 0.5rem; + border-radius: 0.35rem; + font-weight: 600; + margin-right: 0.25rem; +} + +.reaction:hover { + background-color: #EDF2F7; +} + +.reaction .count { + margin-left: 0.5rem; +} + +.reaction .reacted { + border-color: #ff66ac; + background-color: rgba(60, 173, 243, 0.08); + color: #ff66ac; +} + +.sidebar-post-meta .score { + font-size: 1.25rem; + font-weight: 600; +} + +.sidebar-post-meta .score-percent { + font-size: 11px; + color: #718096; + font-weight: 400; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: 12px; + color: #718096; + font-weight: 400; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date { + font-size: 12px; + color: #121213; + font-weight: 400; + text-transform: capitalize; +} + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: #ffffff; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(99, 80, 205, 0.75) 76%); +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: #ffffff; + font-weight: 400; +} + +.pagination { + padding: 1rem 0; +} + +.table .thead-dark th { + color: #718096; + font-size: 12px; + text-transform: uppercase; + background-color: #E6E9F0; + border: none; +} + +#settings-guild { + background-color: #ffffff; +} + +#settings-guild .settings .settings-section { + border: 1px solid #E2E8F0; +} + +.settings .settings-section { + margin-bottom: 3rem; + background: #ffffff; + border: 1px solid #E2E8F0; + border-radius: 0.35rem; + overflow: hidden; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: #EDF2F7; +} + +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: #EDF2F7; +} + +.modal .profile-actions a { + color: #121213; + font-size: 1rem; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} + +.profile-actions a { + color: #718096; + text-decoration: none; + font-size: 12px; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: #718096; +} + +.profile-actions .dropdown-item:hover { + color: #121213; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: #718096; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: #121213; +} + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} + +#page .footer a, #article .footer a { + color: #ffffff; + opacity: 0.8; +} + +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} + +.footer .list-inline-item { + font-weight: 400; +} + +.footer a { + text-decoration: none; + color: #718096; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: #ffffff; +} + +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} + +@-webkit-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +@-moz-keyframes ghost { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-20px); + } +} +.border-top { + border-top: 1px solid #E2E8F0 !important; +} + +.border-right { + border-right: 1px solid #E2E8F0 !important; +} + +.border-bottom { + border-bottom: 1px solid #E2E8F0 !important; +} + +.border-left { + border-left: 1px solid #E2E8F0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; +} + +.border-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; +} + +.border { + border: 1px solid #E2E8F0 !important; +} + +.border-0 { + border: none !important; +} + +.rounded { + border-radius: 0.35rem; +} + +.rounded-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.rounded-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.rounded-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; +} + +@media (min-width: 576px) { + .border-sm-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-sm-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-sm-top-0 { + border-top: 0 !important; + } + + .border-sm-right-0 { + border-right: 0 !important; + } + + .border-sm-bottom-0 { + border-bottom: 0 !important; + } + + .border-sm-left-0 { + border-left: 0 !important; + } + + .border-sm-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-sm-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-sm { + border: 1px solid #E2E8F0 !important; + } + + .border-sm-0 { + border: none !important; + } + + .rounded-sm { + border-radius: 0.35rem; + } + + .rounded-sm-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-sm-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-sm-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-sm-circle { + border-radius: 50%; + } + + .rounded-sm-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .border-md-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-md-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-md-top-0 { + border-top: 0 !important; + } + + .border-md-right-0 { + border-right: 0 !important; + } + + .border-md-bottom-0 { + border-bottom: 0 !important; + } + + .border-md-left-0 { + border-left: 0 !important; + } + + .border-md-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-md-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-md { + border: 1px solid #E2E8F0 !important; + } + + .border-md-0 { + border: none !important; + } + + .rounded-md { + border-radius: 0.35rem; + } + + .rounded-md-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-md-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-md-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-md-circle { + border-radius: 50%; + } + + .rounded-md-0 { + border-radius: 0; + } +} +@media (min-width: 992px) { + .border-lg-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-lg-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-lg-top-0 { + border-top: 0 !important; + } + + .border-lg-right-0 { + border-right: 0 !important; + } + + .border-lg-bottom-0 { + border-bottom: 0 !important; + } + + .border-lg-left-0 { + border-left: 0 !important; + } + + .border-lg-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-lg-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-lg { + border: 1px solid #E2E8F0 !important; + } + + .border-lg-0 { + border: none !important; + } + + .rounded-lg { + border-radius: 0.35rem; + } + + .rounded-lg-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-lg-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-lg-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-lg-circle { + border-radius: 50%; + } + + .rounded-lg-0 { + border-radius: 0; + } +} +@media (min-width: 1200px) { + .border-xl-top { + border-top: 1px solid #E2E8F0 !important; + } + + .border-xl-right { + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-bottom { + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl-left { + border-left: 1px solid #E2E8F0 !important; + } + + .border-xl-top-0 { + border-top: 0 !important; + } + + .border-xl-right-0 { + border-right: 0 !important; + } + + .border-xl-bottom-0 { + border-bottom: 0 !important; + } + + .border-xl-left-0 { + border-left: 0 !important; + } + + .border-xl-x { + border-left: 1px solid #E2E8F0 !important; + border-right: 1px solid #E2E8F0 !important; + } + + .border-xl-y { + border-top: 1px solid #E2E8F0 !important; + border-bottom: 1px solid #E2E8F0 !important; + } + + .border-xl { + border: 1px solid #E2E8F0 !important; + } + + .border-xl-0 { + border: none !important; + } + + .rounded-xl { + border-radius: 0.35rem; + } + + .rounded-xl-top { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-right { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rounded-xl-bottom { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .rounded-xl-left { + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .rounded-xl-circle { + border-radius: 50%; + } + + .rounded-xl-0 { + border-radius: 0; + } +} +@media (min-width: 768px) { + .shadow-md { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } +} +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .h-sm-25 { + height: 25% !important; + } + + .h-sm-50 { + height: 50% !important; + } + + .h-sm-75 { + height: 75% !important; + } + + .h-sm-100 { + height: 100% !important; + } + + .h-sm-auto { + height: auto !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .h-md-25 { + height: 25% !important; + } + + .h-md-50 { + height: 50% !important; + } + + .h-md-75 { + height: 75% !important; + } + + .h-md-100 { + height: 100% !important; + } + + .h-md-auto { + height: auto !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .h-lg-25 { + height: 25% !important; + } + + .h-lg-50 { + height: 50% !important; + } + + .h-lg-75 { + height: 75% !important; + } + + .h-lg-100 { + height: 100% !important; + } + + .h-lg-auto { + height: auto !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .h-xl-25 { + height: 25% !important; + } + + .h-xl-50 { + height: 50% !important; + } + + .h-xl-75 { + height: 75% !important; + } + + .h-xl-100 { + height: 100% !important; + } + + .h-xl-auto { + height: auto !important; + } +} +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: 0.5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #E2E8F0; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: #EDF2F7; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.transition-15 { + -webkit-transition: width 0.15s; + transition: width 0.15s; +} + +.custom-control-label { + text-transform: none; + font-weight: 400; + font-size: 1rem; + letter-spacing: 0; + color: #121213; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ff66ac; + border: 1px solid #ff66ac; +} + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} + +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: #38a169; + border: #38a169 solid 1px; +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: #A0AEC0; + border: #A0AEC0 solid 1px; + opacity: 0.7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: #ffffff; + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} + +pre code { + word-break: break-word; + white-space: break-spaces; + color: #e83e8c; +} + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: #ffffff; + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: #38A169; +} + +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: #ffffff; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: #fff; +} + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories img:hover { + border: 3px solid #ff66ac; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid #ff66ac; + border-radius: 0.35rem; +} + +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} +@media (max-width: 767.98px) { + html { + font-size: 14px; + } + + .container { + overflow: hidden; + max-width: none; + } + + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: #ffffff; + } + + #thread, #userpage { + background-color: #ffffff; + } + + .custom-gutters { + padding-left: 8px; + padding-right: 0; + } + + .shadow-sm-0 { + box-shadow: none !important; + } + + .navbar-nav { + height: 100vh; + } + + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; + } + + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; + } + + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; + } + + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: #ff66ac; + font-size: 1.25rem; + } + + #fixed-bar-mobile { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .mobile-nav-icon { + padding: 0.25rem 0.75rem; + } + + #frontpage, #search, #guild { + padding-top: 98px; + } + + #search .search-results.card { + border-bottom: 1px solid #e3e3e3; + border-width: 0 0 1px 0; + border-radius: 0; + } + + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px 15px; + border-width: 0 0 1px 0; + } + + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; + } + + #frontpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { + border-bottom: 1px solid #E2E8F0; + } + + #frontpage .posts .card:hover, #search .posts .card:hover { + background-color: transparent; + } + + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; + } + + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; + } + + .toggle-view { + padding-top: 2px; + } + + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; + } + + /* + + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; + } + + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; + } + + */ + .jumbotron-guild { + height: 115px; + } + + .posts, #thread #main-content-col { + box-shadow: none; + border-radius: 0; + border: none; + } + + #thread #main-content-col { + margin: 0; + } + + .thumb-img-link-overlay { + display: none; + } + + .post-title a { + color: #121213; + } + + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: #ff66ac; + } + + #thread .voting { + min-width: 0; + margin-right: 0; + } + + .voting { + font-weight: 400; + font-size: 1rem; + } + + #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; + } + + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; + } + + .post-meta { + font-size: 1rem; + color: #718096; + } + + .post-actions { + color: #A0AEC0; + font-weight: 400; + } + + .post-actions a { + color: #A0AEC0; + font-size: 1rem; + font-weight: 400; + } + + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; + } + + .comment-actions .score { + color: #718096; + } + + .score { + color: #718096; + } + + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.25rem; + color: #CBD5E0; + opacity: 1; + } + + .active.arrow-up::before, .active.arrow-up:hover::before { + color: #ff66ac; + } + + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; + } + + .dropdown-actions a { + font-size: 1rem; + } + + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; + color: #CBD5E0; + } + + .btn-tag { + font-size: 12px; + } + + .comment-section { + background-color: #ffffff; + } + + .comment-write textarea { + background-color: #F5F7FA; + } + + .comment-section > .comment { + padding-left: 20px; + } + + .comment { + margin-top: 1.5rem; + } + + .comment .comment-collapse { + padding-right: 15px; + } + + .comment.collapsed .user-info { + padding-top: 0.5rem; + } + + .comment .comment-collapse::before { + content: ""; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; + } + + .comment.collapsed .comment-body:hover { + opacity: 0.5; + } + + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: #CBD5E0; + } + + .banner-pic-135 { + max-width: 100%; + } + + .x-scroll-parent { + overflow: hidden; + } + + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* IE 10+ */ + } + + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; + /* Chrome/Safari/Webkit */ + } + + #thread .post-title { + font-size: 16px; + } + + #submit .submission { + box-shadow: none; + } + + #submit .submission .body { + padding: 0; + } + + #submit .submission .footer { + background: transparent; + padding: 1rem 0; + } + + .footer .list-inline-item { + line-height: 3; + } + + .comments-count .total { + font-weight: 400; + font-size: 1rem; + } + + .comment-actions { + font-weight: 400; + font-size: 1rem; + } + + .comment-write .comment-format .format { + display: none; + } + + .post-filter { + font-weight: 400; + font-size: 1rem; + } + + .post-filter .dropdown-item { + font-weight: 400; + } + + .user-name { + font-weight: 400; + } + + .comment .comment-body .user-name { + color: #121213; + font-weight: 600; + } + + .pagination { + padding: 1rem; + } + + input[type=color], +input[type=date], +input[type=datetime], +input[type=datetime-local], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select:focus, +textarea { + font-size: 16px !important; + } + + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } +} +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +.hide-scrollbar { + scrollbar-width: none; +} + +.sidebar-adminpanel input[type=submit] { + width: 100%; +} + +.noshow { + display: none; +} + +span.red { + color: #ff66ac; +} + +span.green { + color: #38A169; +} + +div.banned { + background-color: #FEB2B2; +} + +div.deleted { + background-color: #FEFCBF; +} + +div.deleted.banned { + background-color: #ffcc99; +} + +.distinguish-admin .user-name, .distinguish-mod .user-name { + color: white; + padding: 0px 3px 2px 3px; + border-radius: 3px; +} + +.distinguish-admin .user-name { + background-color: #ff66ac; +} + +.distinguish-mod .user-name { + background-color: #07c20c; +} + +.distinguish-admin .user-name::before { + content: "[A] "; +} + +.distinguish-mod .user-name::before { + content: "[M] "; +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; +} +.onboarding-card .onboarding-card-overlay { + background-color: rgba(0, 0, 0, 0.65); +} +.onboarding-card.selected .onboarding-card-overlay { + background-color: rgba(255, 102, 172, 0.65); +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; +} +.cat-item.selected { + display: block; +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Light mode spoiler */ +.spoiler { + color: #121213; + background-color: #121213; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: #ffffff; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} + +.comment .comment-collapse-desktop:hover { + border-left-color: #718096 !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color: #718096 !important; +} + +#frontpage .post-title a:visited { + color: #718096; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 0.9rem; + padding: 0.75rem 0.4rem; + } +} +.comment-box { + border: 2px solid #EDF2F7; +} + +/*# sourceMappingURL=light_ff66ac.css.map */ diff --git a/ruqqus/assets/style/main.scss b/ruqqus/assets/style/main.scss new file mode 100644 index 000000000..8bf01e9c7 --- /dev/null +++ b/ruqqus/assets/style/main.scss @@ -0,0 +1,4255 @@ +$theme-colors: ( + "primary": $primary, + "secondary": $secondary, + "danger": $danger, + "dark": $dark, + "white": $white, + "black": $black, + "light": $light, + "success": $success, + "muted": $muted, + "downvote": $downvote, + "upvote": $upvote, + "purple": $purple, + "gold": $gold, + "admin": $admin, + "gray": $gray, + "gray-100": $gray-100, + "gray-200": $gray-200, + "gray-300": $gray-300, + "gray-400": $gray-400, + "gray-500": $gray-500, + "gray-600": $gray-600, + "gray-700": $gray-700, + "gray-800": $gray-800, + "gray-900": $gray-900, + "reddit": $reddit +); + +// Borders + +$input-border-color: $gray-400; +$border-color: $gray-400; + +$border-radius: .35rem; + +$text-white: $white; + +// Fonts + +$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + +// Font size + +$font-size-base: 1rem; + +$medium-font-size: 0.9rem; + +$small-font-size: 12px; + +$extra-small-font-size: 11px; + +$display5-size: 3rem !default; + +$display5-weight: 400; + +$lead-font-size: $font-size-base * 1.325 !default; + +// Font weight + +$font-weight-bold: 600; +$font-weight-bolder: 700; +$headings-font-weight: $font-weight-bold; + +// Spacing + +$spacer: 1rem; +$spacers: ( + 6: ($spacer * 3.5), + 7: ($spacer * 5), + 8: ($spacer * 10) +); + +// Sizing + +// This variable affects the `.h-*` and `.w-*` classes. +$sizes: () !default; +// stylelint-disable-next-line scss/dollar-variable-default +$sizes: map-merge( + ( + 25: 25%, + 50: 50%, + 75: 75%, + 100: 100%, + 130: 130%, + auto: auto + ), + $sizes +); + +// Box Shadow + +$box-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); + +$box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + +// Tool Tips + +$tooltip-opacity: 1; + +// Color contrast + +$yiq-contrasted-threshold: 160 !default; + +// Callouts + +@each $color, $value in $theme-colors { + .bd-callout-#{$color} { + border-left-color: #{$value}; + } + } + +@import "D:/#D/ruqqus/assets/style/node_modules/bootstrap/scss/bootstrap.scss"; + +html { + font-size: 14px; +} + +@supports (font-variation-settings: normal) { + html { font-family: 'Inter var', sans-serif; } + } + +body { + color: $black; + padding-top: 49px; + background-color: $gray-700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (min-width: 1200px) { + .container{ + max-width: 1240px; + } +} + +p { + font-size: 14px; +} + +pre { + white-space: pre-wrap; /* Since CSS 2.1 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ +} + +body.using-mouse :focus { + outline: none; +} + +#settings, #submit { + padding-top: 98px; + background-color: $gray-600; +} + +#page { + padding-top: 49px; + background-color: $gray-700; +} + +#article { + padding-top: 0; + background-color: $gray-700; +} + +#thread, #userpage { + background-color: $gray-700; +} + +// Docs + +#article .navbar-light .navbar-nav .nav-link { + color: $black; +} + +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: $primary; +} + +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: $primary; +} + +.article-title { + margin-bottom: 3rem; + font-weight: $font-weight-bold; + line-height: 3rem; + margin-top: 2rem; +} + +// Hide sidebar on all error pages + +#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, +#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { + display: none!important; +} + +// Message pages + +#message .sidebar, #message-success .sidebar { + display: none; +} + +// Padding and Margins + +#thread .custom-gutters { + padding: 0 15px; +} + +.custom-gutters { + padding-left: 15px; + padding-right: 15px; +} + +// Positioning + +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +.sticky-63 { + position: -webkit-sticky; + position: sticky; + top: 63px; + height: auto; + overflow-y: auto; + z-index: 2; +} + +.sticky-105 { + position: -webkit-sticky; + position: sticky; + top: 105px; + height: auto; + overflow-y: auto; + z-index: 4; +} + +// Type + +.text-lg { + font-size: $font-size-lg!important; +} + +.text-base { + font-size: $font-size-base!important; +} + +.text-small { + font-size: $small-font-size!important; +} + +.text-small-extra { + font-size: $extra-small-font-size!important; +} + +.display-5 { + @include font-size($display5-size); + font-weight: $display5-weight; + line-height: $display-line-height; +} + +.lead { + font-weight: $font-weight-normal; +} + +#page p { + font-size: 16px; +} + +// Links + +a.dropdown-toggle:hover { + text-decoration: none; +} + +// list items + +.comment-text ul li ul { + padding-left: 0; +} + +ul.no-bullets { + list-style-type: none; +} + +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: .75rem; +} + +ol > li::before { + content: counter(count) "."; + font-weight: $font-weight-bold; + margin-right: 0.5rem; +} + +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} + +[data-toggle="collapse"] .fa:before { + content: "\f139"; + } + +[data-toggle="collapse"].collapsed .fa:before { + content: "\f13a"; +} + +// Buttons + +.btn { + font-weight: $font-weight-bold; + font-size: $font-size-base; + border-radius: $border-radius-sm; +} + +.btn-sm { + padding: 0.75rem; + font-size: $small-font-size; +} + +.btn-lg { + font-size: $font-size-base; +} + +.btn-tag { + border-radius: 3rem; + font-size: $small-font-size; + padding: 0.25rem 0.5rem; + line-height: 1; +} + +.btn.disabled, .btn:disabled { + opacity: .5; +} + +.btn-white { + color: $dark +} + +.btn-success, .btn-danger { + color: $white; +} + +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: .35rem; +} + +.btn-group.btn-integration { + border-radius: $border-radius; + border: 1px solid $border-color; +} + +.btn-integration { + font-weight: $font-weight-bold; + border-left: 1px solid $border-color; +} + +.btn-integration .fab, .btn-integration .fas, .btn-integration .far { + font-size: $lead-font-size; + vertical-align: middle; +} + +// Tooltips + +.tooltip { + font-weight: $font-weight-bold; +} + +.tooltip-inner { + background-color: $white; + color: $dark; +} + +.tooltip.bs-tooltip-right .arrow:before { + border-right-color: $white !important; +} + +.tooltip.bs-tooltip-left .arrow:before { + border-left-color: $white !important; +} + +.tooltip.bs-tooltip-bottom .arrow:before { + border-bottom-color: $white !important; +} + +.tooltip.bs-tooltip-top .arrow:before { + border-top-color: $white !important; +} + +// Alerts + +.alert { + padding: .5rem 1rem; +} + +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} + +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} + +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} + +// Toasts + +.toast { + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $black; + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: $dark; +} + +// Navbar and tab Bar + +.navbar-light { + background-color: $gray-500!important; + box-shadow: 0 1px 2px rgba(0,0,0,.15),0 0 2px rgba(0,0,0,.1)!important; +} + +.navbar-toggler-icon { + width: auto; + height: auto; +} + +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} + +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +#page .navbar-light .navbar-nav .nav-link { + color: $dark; +} + +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: $primary; +} + +.navbar-brand, .navbar-light .navbar-brand { + color: $purple; + font-weight: $font-weight-bold; +} + +.navbar-dark .navbar-brand { + color: $white; +} + +.navbar .text-white { + color: $white; +} + +.tab-bar { + box-shadow: inset 0 -1px 0 $border-color; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; + padding: .75rem 1rem 0 1rem; + background-color: $light; + z-index: 5; +} + +// Nav links + +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} + +.navbar-light .navbar-nav .nav-link { + color: $black; +} + +.navbar-light .navbar-nav .nav-link:hover { + background-color: $light; + border-radius: $border-radius +} + +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: $border-radius; +} + +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: $primary; + text-align: center; + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: $white; + text-align: center; + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .btn-primary.nav-link { + color: $white; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link { + color: $primary; +} + +.navbar-light .navbar-nav .btn-outline-primary.nav-link:hover { + color: $white; +} + +.navbar-dark .navbar-nav .nav-link { + color: $white; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: $border-radius; +} + +.navbar-dark .navbar-nav .show>.nav-link:focus, .navbar-dark .navbar-nav .show>.nav-link:active, .navbar-dark .navbar-nav .show>.nav-link:hover { + background-color: $light; + border-radius: $border-radius +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: $white; + text-align: center; + font-size: $font-size-lg; +} + +.navbar-dark .navbar-nav .show>.nav-link:focus .fa, .navbar-dark .navbar-nav .show>.nav-link:focus .fas, .navbar-dark .navbar-nav .show>.nav-link:focus .far, .navbar-dark .navbar-nav .show>.nav-link:focus .fab { + color: $black; +} + +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: $white; +} + +.badge-count { + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #E53E3E; + position: absolute; + color: #cfcfcf; + font-size: 13px; + font-weight: 600; + top: -4px; + left: 8px; + padding: 0 2px 2px 2px; +} + +.post-nav .nav-link { + color: $muted; + font-size: $font-size-base; + font-weight: $font-weight-bold; + padding: 0.75rem 1rem; +} + +.settings-nav .nav-link { + color: $gray-200; + font-size: $font-size-base; + font-weight: $font-weight-normal; + padding: 0.75rem 1rem; +} + +.post-nav > .nav-item > .nav-link.active { + color: $primary; + //box-shadow: inset 0 -2px 0 $primary; +} + +.settings-nav > .nav-item > .nav-link.active { + color: $primary; + box-shadow: inset 0 -2px 0 $primary; +} + +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: $primary; +} + +.post-nav .nav-link:hover .fa , .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab , .post-nav .nav-link:focus .fab { + color: $primary; +} + +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $muted; +} + +// Settings navigation + +.settings-nav > .nav-item > .nav-link.active { + color: $primary; + box-shadow: inset 0 -2px 0 $primary; +} + +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $muted; +} + +// Color Picker + +.color-picker input[type="radio"] { + display: none; +} + +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} + +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} + +// Nav pills + +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: $font-weight-bold; + color: $muted; + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} + +#page .nav-pills .nav-link:hover { + color: $primary; +} + +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: $primary; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid $primary; +} + +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: $primary; + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid $primary; +} + +// Navbar icons and search box + +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: $purple; +} + +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: $gray-900; + color: $black; +} + +.form-inline.search .form-control, +.form-control[readonly] { + background-color: $gray-800; + font-size: $font-size-base; + color: $white; +} + +.form-inline.search .input-group-append .input-group-text .fa.fa-search, .form-inline.search .input-group-append-focus .input-group-text .fa.fa-search { + color: $black; + //opacity: .25; +} + +.form-inline.search .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: $black; + //opacity: .25; /* Firefox */ +} + +.form-inline.search .form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: $black; + //opacity: .25; +} + +.form-inline.search .form-control::-ms-input-placeholder { /* Microsoft Edge */ + color: $black; + //opacity: .25; +} + +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: $black; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: $black; +} + +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder{ /* Microsoft Edge */ + color: $black; +} + +// Jumbotron and Backgrounds + +.bg-svg { + background-color: $dark; + background-attachment: fixed; + background-size: cover; +} + +// Inputs + +.form-control { + color: $muted; + border-color: $muted; + border-width: 2px; + background: $gray-300; + transition: none; +} + +.form-control:disabled, .form-control[readonly] { + background-color: $dark; +} + +.home-submission .form-control, .home-submission .input-group-text { + border-color: $border-color; + background-color: $light; +} + +.home-submission .input-group-prepend .fa, .home-submission .input-group-prepend .fas, .home-submission .input-group-append .fa, .home-submission .input-group-append .fas { + color: $gray-300; +} + +.input-group-append-focus { + margin-left: -1px; +} + +.form-control:hover { + color: $black; + background-color: $gray-600; + outline: 0; + border-color: $primary; + box-shadow: none; +} + +.form-control:focus, .form-control:active { + color: $black; + background-color: $gray-900; + outline: 0; + border-color: $primary; + box-shadow: none; +} + +.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: $black; + //opacity: .25; /* Firefox */ +} + +.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: $black; + //opacity: .25; +} + +.form-control::-ms-input-placeholder { /* Microsoft Edge */ + color: $black; + //opacity: .25; +} + +.form-check-label { + margin-bottom: 0; + text-transform: none; + font-weight: $font-weight-normal; + font-size: $font-size-base; + letter-spacing: 0; +} + +label { + text-transform: uppercase; + font-weight: $font-weight-bold; + font-size: 12px; + letter-spacing: 0.025rem; + color: $black; +} + +#login label { + color: $black; +} + +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: $black; + vertical-align: middle; + padding: .1rem 0; +} + +.dropdown-menu { + padding: 0.5rem; + color: $white; + background-color: $gray-600; +} + +.user-profile > .dropdown-toggle::after { + display:none; +} + +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: $border-radius; + color: $black; +} + +.dropdown .dropdown-menu .dropdown-meta { + padding: 0.5rem 1rem; +} + +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: $black; + text-decoration: none; + background-color: $gray-300; +} + +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far +.dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa { + color: $black; +} + +// Typography + +small, .small { + font-size: $small-font-size; +} + +// Tables + +th { + font-weight: $font-weight-bold; +} + +// Font Awesome + +.fa-rotate-45 { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { + font-size: $small-font-size; +} + +.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { + font-size: $small-font-size; +} + +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +.fa-icon-circle { + font-size: $font-size-lg; + text-align: center; + border-radius: 50%; + padding: 0 0.5rem; +} + +.fa-width-rem { + width: 1.25rem; +} + +.format .fa-bold:hover, +.format .fa-italic:hover, +.format .fa-quote-right:hover, +.format .fa-link:hover, +.format .fa-image:hover { + color: $black; +} + +// Voting + +.voting { + position: relative; + z-index: 2; + font-size: $small-font-size; + font-weight: $font-weight-bold; + text-align: center; + word-break: keep-all; + min-width: 40px; +} + +#thread .voting { + min-width: 15px; + margin-right: 15px; + overflow-wrap: normal; +} + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: auto 0; +} + +/* + +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { + margin: 0; +} + +*/ + +/* .voting div:focus { + outline: 0; +} */ + +.active.arrow-up::before { + color: $upvote; +} + +.arrow-up::before { + cursor: pointer; + font-size: $font-size-base; + color: $gray-200; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f357"; + +} + +.arrow-up:hover::before { + color: $upvote; + opacity: 0.5; +} + +.active.arrow-down::before { + color: $downvote; +} + +.arrow-down::before { + cursor: pointer; + font-size: $font-size-base; + color: $gray-200; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f354"; +} + +.arrow-down:hover::before { + color: $downvote; + opacity: 0.5; +} + +/* .upvoted .arrow-up::before { + color: $upvote; +} + +.upvoted .arrow-up:hover::before { + opacity: 1; +} + +.downvoted .arrow-down::before { + color: $downvote; +} + +.downvoted .arrow-down:hover::before { + opacity: 1; +} */ + +.comment-actions .arrow-up { + top: 0; +} + +.comment-actions .arrow-down { + bottom: 0; +} + +.upvoted .arrow-mobile-up { + color: $upvote!important; +} + +.downvoted .arrow-mobile-down { + color: $downvote!important; +} + +.comment-actions .score { + color: $muted; +} + +.score { + color: $black; +} + +.score-up { + color: $upvote !important; +} + +.score-down { + color: $downvote !important; +} + +.banned .score { + color: $gray-300 !important; +} + +// Link Arrow Symbol + +a .link-arrow { +position: relative; +right: 0; +transition: right ease 0.25s; +margin-left: .5rem; +font-size: $small-font-size; +} + +a:hover .link-arrow { +right: -.5rem; +color: $dark; +} + +// Custom Box Shadows (behaves like borders) + +.box-shadow-bottom { + box-shadow: inset 0 -1px 0 $border-color; +} + +// Custom Borders + +.border-1 { + border-width: 1px; + border-style: solid; +} + +.border-2 { + border-width: 2px; + border-style: solid; +} + +.border-3 { + border-width: 3px; + border-style: solid; +} + +.border-4 { + border-width: 4px; + border-style: solid; +} + +.border-5 { + border-width: 5px; + border-style: solid; +} + +// Opacity + +.opacity-25 { + opacity: .25; +} + +.opacity-50 { + opacity: .5; +} + +.opacity-80 { + opacity: .8; +} + +// Main Content + +.pseudo-submit-form .card-header { + background-color: $gray-600!important; +} + +#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { + background-color: $gray-600; + border-radius: $border-radius; + border: none; + //box-shadow: $box-shadow-sm; +} + +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { + padding-left: 15px; + padding-right: 15px; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { + background-color: $light; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: $light; +} + +#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { + background-color: $light; +} + +.post-filter { + display: inline-block; + font-size: $small-font-size; + font-weight: $font-weight-bold; + color: $muted; +} + +.post-filter .fa, .post-filter .fas { + font-size: $extra-small-font-size; + margin-right: .5rem; + opacity: .9; + color: $primary; + width: 1rem; +} + +//.posts, #thread #main-content-col { + //background-color: $light; + //border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + //border-radius: $border-radius; +//} + +//#thread #main-content-col { +// margin: 0 15px; +//} + +// Left Sidebar (Terms pages) + +.scrollspy.sidebar-sticky { + position: sticky; + overflow-y: auto; + top: 7rem; + height: calc(100vh - 4rem); +} + +.scrollspy.sidebar-sticky .list-group { + border-left: 1px solid $border-color; +} +.scrollspy.sidebar-sticky .list-group .list-group-item { + position: relative; + display: block; + background-color: transparent; + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $muted; + padding: 0.5rem 1rem; + border: none; + border-left: 2px solid transparent; + border-radius: 0; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { + color: $primary; + border-left: 2px solid $primary; +} + +.scrollspy.sidebar-sticky .list-group .list-group-item.active { + background-color: transparent; + color: $primary; + font-weight: $font-weight-bold; + left: -1px; + border-left: solid 2px $primary; + z-index: 2; +} + +// Sidebar content + +.sidebar { + -ms-flex: 0 0 300px; + flex: 0 0 300px; + background-color: $gray-600!important; +} + +.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { + margin-bottom: 1rem; +} + +.sidebar .sidebar-section .title { + font-size: $small-font-size; + font-weight: $font-weight-bold; + letter-spacing: 0.025rem; + color: $white; + background-color: $primary; + padding: 0.75rem 1rem; + text-transform: uppercase; +} + +.sidebar .sidebar-section .body { + padding: 1rem; + color: $black; + //border: solid $border-color; + border-width: 0 1px 1px 1px; + border-bottom-left-radius: .35rem; + border-bottom-right-radius: .35rem; +} + +.sidebar-section { + margin-bottom: 1rem; + background-color: $gray-700; + //border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + border-radius: $border-radius; + overflow: hidden; + word-break: break-word; + + & .profile-pic.profile-stacked { + box-shadow: 0 0 0px 3px $gray-700; + } +} + +.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { + margin-bottom: 1rem; + padding-bottom: 1rem; + color: $muted; + font-weight: $font-weight-bold; + border-bottom: 1px solid $border-color; +} + +.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sidebar-section.sidebar-alert { + color: $black; + background-color: $light; + border: none; +} + +// Sidebar Left Collapsed + +.sidebar.sidebar-left.sidebar-collapsed { + flex: 0 0 65px; + text-align: center; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { + display: none; +} + +.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { + display: block; +} + +.sidebar-left .sidebar-collapsed-visible { + display: none; +} + +.sidebar-left .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: $muted; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f348"; +} + +.sidebar-left.sidebar-collapsed .collapsed-toggle::before { + cursor: pointer; + font-size: 1rem; + color: $black; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + content: "\f347"; +} + +@media (max-width: 1199.98px) { + .sidebar-left .sidebar-collapsed-hidden { + display: none; + } + .sidebar-left .sidebar-collapsed-visible { + display: block; + } + .sidebar.sidebar-left { + flex: 0 0 65px; + text-align: center; + } + .sidebar-left .collapsed-toggle-parent { + display: none!important; + } +} + +// Sidebar Left + +.sidebar.sidebar-left { + position: -webkit-sticky; + position: sticky; + top: 49px; + z-index: 1000; + height: calc(100vh - 49px); + overflow-y: auto; + overflow-x: hidden; + background-color: $gray-600!important; +} + +@media (min-width: 1199.98px) { + .sidebar.sidebar-left { + -ms-flex: 0 0 240px; + flex: 0 0 240px; + } +} + +.sidebar-left .sidebar-section { + border: 0; + box-shadow: none; + background-color: transparent; +} + +.sidebar.sidebar-left .sidebar-section .body { + border: 0; +} + +.sidebar-section.sidebar-alert { + border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; +} + +.sidebar-left .sidebar-section.sidebar-filters { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar.sidebar-left .sidebar-section .title { + border-bottom: none; + color: $muted; +} + +.sidebar-section.sidebar-filters .body { + padding: 0; +} + +.sidebar-filters .filter-list { + list-style: none; +} + +.filter-list .filter-item { + color: $muted; + text-decoration: none; +} + +.filter-list .filter-link { + display: block; + padding: 0.5rem 1rem; + color: $muted; + font-size: $small-font-size; + font-weight: $font-weight-bold; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.filter-list .filter-link:hover, .filter-list .filter-link:focus { + color: $black; +} + +.filter-list > .filter-item > .filter-link.active { + color: $black; + background-color: $light; + border-radius: $border-radius; + //border: 1px solid $border-color; +} + +.filter-list .filter-item .fa, .filter-list .filter-item .fas, .filter-list .filter-item .far, .filter-list .filter-item .fab, .filter-list .filter-item .fal { + font-size: $small-font-size; + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.filter-list .filter-link:hover .fa , .filter-list .filter-link:focus .fa, .filter-list .filter-link:hover .fas, .filter-list .filter-link:focus .fas, .filter-list .filter-link:hover .far, .filter-list .filter-link:focus .far, .filter-list .filter-link:hover .fab , .filter-list .filter-link:focus .fab { + color: $primary; +} + +.filter-list > .filter-item > .filter-link.active .fa, .filter-list > .filter-item > .filter-link.active .fas, .filter-list > .filter-item > .filter-link.active .far, .filter-list > .filter-item > .filter-link.active .fab { + color: $primary; +} + +.filter-link:hover, .filter-link:focus { + color: $primary; +} + +// Guild recommendations section + +//.sidebar-left .sidebar-section.sidebar-guild-recommendations { +// margin-bottom: 1rem; +// background-color: transparent; +// box-shadow: none; +// border-radius: 0; +//} + +.sidebar-guild-recommendations .guild-recommendations-list { + list-style: none; +} + +.guild-recommendations-list .guild-recommendations-item { + color: $muted; + text-decoration: none; + margin-top: 1rem; +} + +.guild-recommendations-list .guild-recommendations-item:first-child { + margin-top: 0; +} + +.guild-recommendations-list .guild-recommendations-link { + text-decoration: none; +} + +.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { + color: $black; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { + color: $black; + background-color: $white; + border-radius: $border-radius; + border: 1px solid $border-color; +} + +.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.guild-recommendations-list .guild-recommendations-link:hover .fa , .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab , .guild-recommendations-list .guild-recommendations-link:focus .fab { + color: $primary; +} + +.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { + color: $primary; +} + +.guild-recommendations-link:hover, .guild-recommendations-link:focus { + color: $primary; +} + +.guild-icon-square-35 { + width: 35px; + height: 35px; + object-fit: cover; + border-radius: $border-radius; + box-shadow: $box-shadow-sm; +} + +// Sidebar Left Dashboard Section + +.sidebar-left .sidebar-section.sidebar-dashboard { + margin-bottom: 1rem; + background-color: transparent; + box-shadow: none; + border-radius: 0; +} + +.sidebar-section.sidebar-dashboard .body { + padding: 0; +} + + +.dashboard-list .dashboard-item { + color: $muted; + text-decoration: none; +} + +.dashboard-list .dashboard-link { + display: block; + padding: 0.5rem 0; + color: $muted; + font-size: $font-size-base; + font-weight: $font-weight-bold; + margin-bottom: 0.25rem; + text-decoration: none; +} + +.dashboard-list .dashboard-link:hover, .dashboard-list .dashboard-link:focus { + color: $black; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active { + color: $primary; +} + +.dashboard-list .dashboard-item .fa, .dashboard-list .dashboard-item .fas, .dashboard-list .dashboard-item .far, .dashboard-list .dashboard-item .fab, .dashboard-list .dashboard-item .fal { + font-size: $small-font-size; + margin-right: 0.5rem; + color: $gray-600; + text-align: center; +} + +.dashboard-list .dashboard-link:hover .fa , .dashboard-list .dashboard-link:focus .fa, .dashboard-list .dashboard-link:hover .fas, .dashboard-list .dashboard-link:focus .fas, .dashboard-list .dashboard-link:hover .far, .dashboard-list .dashboard-link:focus .far, .dashboard-list .dashboard-link:hover .fab , .dashboard-list .dashboard-link:focus .fab { + color: $primary; +} + +.dashboard-list > .dashboard-item > .dashboard-link.active .fa, .dashboard-list > .dashboard-item > .dashboard-link.active .fas, .dashboard-list > .dashboard-item > .dashboard-link.active .far, .dashboard-list > .dashboard-item > .dashboard-link.active .fab { + color: $primary; +} + +.dashboard-link:hover, .dashboard-link:focus { + color: $primary; +} + +.list-group-item-action { + color: rgba(255, 255, 255, 0.5); +} + +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { + background-color: transparent!important; + color: rgba(255, 255, 255, 0.8); +} + +.user-count { + margin-bottom: .25rem; +} + +.online-count { + margin-bottom: .25rem; +} + +// Progress Bar + +.progress { + border-radius: 50%; +} + +// User and Profile + +.user-name { + color: inherit; +} + +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} + +.profile-pic.transition-square { + transition: border-radius 0.25s; +} + +.profile-pic.profile-pic.transition-square:hover { + border-radius: .35rem; +} + +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: $white; + background-color: #1f2023; +} + +.profile-pic .letter { + line-height: 3.6rem; + font-size: $font-size-lg; + font-weight: $font-weight-bold; + text-transform: uppercase; +} + +.profile-pic-30 .letter { + line-height: 1.75; +} + +.profile-pic-35 .letter { + line-height: 2; +} + +.profile-pic-75 .letter { + line-height: 2.75; + font-size: 2rem; +} + +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} + +.navbar .navbar-nav .profile-pic .letter { + line-height: 2rem; + font-size: $small-font-size; +} + +.profile-pic-20 { + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-28 { + width: 28px; + height: 28px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-30 { + width: 30px; + height: 30px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-40 { + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: $gray-600; +} + + +.profile-pic-overlap { + margin-left: -1rem; +} + +.profile-pic-overlap:first-child { + margin-left: 0; +} + +// Thread Card View + +/* + +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { + border-radius: 0; +} + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ + border: 1px solid $border-color; + border-radius: $border-radius; + margin-top: 1rem; + //box-shadow: $box-shadow-sm; +} + +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + border-radius: $border-radius; +} + +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { + margin-top: 0; +} + +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { + display: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { + display: block; + text-align: center; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 55%; + height: auto; +} + +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { + display: flex; + z-index: 2; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { + display: block; +} + +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { + -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); + mask-image: linear-gradient(180deg,#000 40%,transparent); + overflow: hidden; +} + +*/ + +.toggle-view .nav-link { + color: $gray; + font-size: $small-font-size; + font-weight: $font-weight-bold; + padding: 0; + line-height: 1; + box-shadow: none; + border-radius: 0; +} + +.toggle-view .fa, .toggle-view .fas, .toggle-view .far, .toggle-view .fab, .toggle-view .fal { + font-size: $small-font-size; + margin-right: .5rem; + color: $gray-600; +} + +.toggle-view .nav-link:hover, .toggle-view .nav-link:focus { + color: $primary; +} + +.toggle-view > .nav-item > .nav-link.active .fa, .toggle-view > .nav-item > .nav-link.active .fas, .toggle-view > .nav-item > .nav-link.active .far, .toggle-view > .nav-item > .nav-link.active .fab { + color: $primary; +} + +.toggle-view .nav-link:hover .fa, .toggle-view .nav-link:focus .fa, .toggle-view .nav-link:hover .fas, .toggle-view .nav-link:focus .fas, .toggle-view .nav-link:hover .far, .toggle-view .nav-link:focus .far, .toggle-view .nav-link:hover .fab , .toggle-view .nav-link:focus .fab { + color: $primary; +} + +.toggle-card-view .posts { + background: none; + border-radius: 0; + box-shadow: none; + border: none; +} + +// Thread + +.card-header:first-child { + border-radius: $border-radius $border-radius 0 0; +} + +.card-header { + font-size: $font-size-base; + font-weight: $font-weight-bold; + color: $black; + padding: 0.5rem 1rem; + border-bottom: 1px solid $input-border-color; +} + +.card { + background-color: $gray-900; +} + +#thread .card { + background-color: $gray-700; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; +} + +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border-bottom: 1px solid $border-color; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { + border-width: 1px 1px 0 1px; + border-color: $border-color; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} + +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { + background-color: $gray-600; +} + +.post-title { + font-size: 16px; + font-weight: $font-weight-bold; + word-break: break-word; + overflow: hidden; +} + +.post-title a { + color: $black; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: $primary; +} + +#frontpage .post-title a { + color: $black; +} + +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: $black; +} + +.stretched-link a:hover { + color: $purple +} + +.post-meta { + position: relative; + z-index: 2; + color: $muted; + font-size: $small-font-size; + width: fit-content; +} + +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} + +.post-body { + word-break: break-word; + overflow: hidden; +} + +// Modals (post actions, delete confirmations, etc) + +.modal-backdrop.show { + opacity: 1; + background-color:rgba(30,30,30,0.9); +} + +.modal-header { + border-bottom: none; + background-color: $gray-400; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; + padding: 0.5rem 1rem; + box-shadow: $box-shadow; +} + +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} + +.modal-content { + border: none; + background-color: $gray-400; + border-radius: $border-radius; + box-shadow: $box-shadow; +} + +.modal-footer { + border: none; + background-color: $gray-400; + border-bottom-right-radius: $border-radius; + border-bottom-left-radius: $border-radius; + background-image: linear-gradient(180deg, #ffffff00 25%, $gray-400 100%)!important; +} + +.modal .post-actions .list-group-item { + border: none; + border-radius: $border-radius; + background-color: $gray-400; +} + +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: $gray-300; +} + +.modal .post-actions a { + color: $black; + font-size: $font-size-base; +} + +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +.post-actions { + position: relative; + color: $muted; + font-weight: $font-weight-bold; + font-size: $small-font-size; + z-index: 3; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: $small-font-size; + margin-right: .5rem; + width: 1rem; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} + +.post-actions .fa-ellipsis-v { + font-size: $font-size-lg; +} + +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: $black; +} + +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: $gray; +} + +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: $black; +} + +.post-actions:hover, .post-actions:focus { + z-index: 4; +} + +.post-actions .copy-link:hover { + color: $black; +} + +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: middle; +} + +.post-actions .removeDropdownItem.dropdown-item:hover, .post-actions .removeDropdownItem.dropdown-item:focus, .post-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.post-actions .removeDropdownItem.dropdown-item:hover .fas, .post-actions .removeDropdownItem.dropdown-item:focus .fas, .post-actions .removeDropdownItem.dropdown-item.active .fas, .post-actions .removeDropdownItem.dropdown-item:hover .far, .post-actions .removeDropdownItem.dropdown-item:focus .far, .post-actions .removeDropdownItem.dropdown-item.active .far +.post-actions .removeDropdownItem.dropdown-item:hover .fa, .post-actions .removeDropdownItem.dropdown-item:focus .fa, .post-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far +.post-actions .approveDropdownItem.dropdown-item:hover .fa, .post-actions .approveDropdownItem.dropdown-item:focus .fa, .post-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.post-actions .list-inline { + margin-bottom: 0; +} + +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .modal.modal.modal-sm-bottom .modal-dialog { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .modal.modal-sm-bottom .modal-content { + position: absolute; + bottom: 0; + border-radius: 1rem; + } + + .modal.fade.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 100vh, 0); + } + + .modal.show.modal-sm-bottom .modal-dialog { + transform: translate3d(0, 0, 0); + } + + .modal.modal-sm-bottom .modal-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + } + #search, #guild { + padding-top: 98px; + } +} + +// Dropdown actions + +.dropdown-actions { + position: relative; + color: $muted; + font-weight: $font-weight-bold; + font-size: $small-font-size; + z-index: 3; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: $small-font-size; + color: $muted; + margin-right: .5rem; + width: 1rem; + text-align: center; +} + +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} + +.dropdown-actions .fa-ellipsis-v { + font-size: $font-size-lg; +} + +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: $black; +} + +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: $black; +} + +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: $black; +} + +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} + +.dropdown-actions .copy-link:hover { + color: $black; +} + +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: middle; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover, .dropdown-actions .removeDropdownItem.dropdown-item:focus, .dropdown-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fas, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fas, .dropdown-actions .removeDropdownItem.dropdown-item.active .fas, .dropdown-actions .removeDropdownItem.dropdown-item:hover .far, .dropdown-actions .removeDropdownItem.dropdown-item:focus .far, .dropdown-actions .removeDropdownItem.dropdown-item.active .far +.dropdown-actions .removeDropdownItem.dropdown-item:hover .fa, .dropdown-actions .removeDropdownItem.dropdown-item:focus .fa, .dropdown-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far +.dropdown-actions .approveDropdownItem.dropdown-item:hover .fa, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fa, .dropdown-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.dropdown-actions .list-inline { + margin-bottom: 0; +} + +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} + +// Guilds + +#guild .post-meta-guild { + display: none; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1 + +} + +.jumbotron-guild .guild-banner-contents { + display: none; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +.jumbotron-guild .guild-icon-square-lg { + height: 125px; + width: 125px; + object-fit: cover; + border-radius: $border-radius; + border: 5px solid $white; +} + +.guild-description p { + margin-bottom: 0.5rem; +} + +// Pagination + +.page-link { + font-weight: $font-weight-bold; + background-color: $dark; + border: 1px solid $dark; +} + +.page-link:hover { + background-color: $gray-100; +} + +.page-item.disabled .page-link { + font-weight: $font-weight-bold; + background-color: $dark; + border: 1px solid $dark; + opacity: 0.5; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; +} + +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} +} + +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: $font-size-base; +} + +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: $white; +} + +.post-actions a { + color: $gray-100; + text-decoration: none; + text-transform: none; +} + +.post-actions a:hover { + color: $black; +} + +.post-actions .dropdown-item:hover { + color: $black; +} + +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 1px solid $primary; + border-radius: $border-radius; + z-index: 2; + background-color: $gray-300; +} + +.post-img-lg, .mobile-thumb-enlarged { + display: none; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: .25rem .5rem; + text-align: right; + width: 100%; + color: $white; +} + +.thumb-img-link-overlay { + display: none; +} + +div:hover .thumb-img-link-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + bottom: 0px; + padding: 1.5rem; + text-align: center; + width: 100%; + height: 100%; + color: $white; + line-height: 2; + text-transform: uppercase; + font-size: 11px; +} + +.embed-lg { + display: none; +} + +.post-preview-lg { + display: none; +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; +} + +.post-img-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + padding: .25rem .5rem; + text-align: right; + width: 100%; + color: $white; +} +} + +.post-actions .comments, .post-actions .share, .post-actions .save, .post-actions .flag { + margin-right: .5rem; + vertical-align: top; + +} + +.time-stamp, .points { + color: $muted; +} + +// Thread Comments + +.comments-count { + display: flex; +} + +.comments-count .total { + font-weight: $font-weight-bold; + font-size: $small-font-size; + color: $muted; +} + +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 20px; +} + +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} + +.comment .comment-profile { + margin: 1rem; + text-align: center; +} + +.comment .comment-body { + width: 100%; +} + +.comment .comment-body .user-info { + font-size: $small-font-size; + color: $muted; + margin-bottom: .25rem; + margin-top: -0.25rem; +} + +.comment .comment-body .user-name { + color: $black; +} + +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: $black; + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} + +.comment .comment-body .comment-image { + border: 1px solid $primary +} + +blockquote { + border-left: 2px solid $primary; + color: $black; + font-size: $font-size-base; + font-weight: $font-weight-normal; + background-color: #46444a; + padding: 0.5rem 1rem; + margin: 0.5rem 0rem 1rem 0.5rem; +} + +blockquote > blockquote { + padding: 0; + margin: 0; + border-left: none; + background-color: transparent; +} + +blockquote p { + margin-bottom: 0; +} + +// Modal Comment Actions + +.modal .comment-actions .list-group-item { + border: none; + border-radius: $border-radius; + background-color: $gray-400; +} + +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: $gray-300; +} + +.modal .comment-actions a { + color: $gray-100; + font-size: $font-size-base; +} + +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +// Comments + +.comment-section { + background-color: $gray-700; +} + +.comment p { + word-break: break-word; +} + +.comment-actions { + font-weight: $font-weight-bold; + font-size: $small-font-size; + margin-bottom: 0; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: .5rem; + color: $gray-100; +} + +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: $black; +} + +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: $black; +} + +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: $black; +} + +.comment-actions .fas.fa-ellipsis-h { + font-size: $font-size-lg; + vertical-align: bottom; +} + +.comment-actions .list-inline { + margin-bottom: 0; +} + +.comment-actions .list-inline .list-inline-item { + margin-right: 1rem; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: $small-font-size; +} + +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: $black; +} + +.comment-actions a { + color: $gray-100; + text-decoration: none; +} + +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: $black; +} + +.comment-actions .dropdown-item:hover { + color: $black; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover, .comment-actions .removeDropdownItem.dropdown-item:focus, .comment-actions .removeDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $warning; +} + +.comment-actions .removeDropdownItem.dropdown-item:hover .fas, .comment-actions .removeDropdownItem.dropdown-item:focus .fas, .comment-actions .removeDropdownItem.dropdown-item.active .fas, .comment-actions .removeDropdownItem.dropdown-item:hover .far, .comment-actions .removeDropdownItem.dropdown-item:focus .far, .comment-actions .removeDropdownItem.dropdown-item.active .far +.comment-actions .removeDropdownItem.dropdown-item:hover .fa, .comment-actions .removeDropdownItem.dropdown-item:focus .fa, .comment-actions .removeDropdownItem.dropdown-item.active .fa { + color: $white; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active { + color: $white; + text-decoration: none; + background-color: $success; +} + +.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far +.comment-actions .approveDropdownItem.dropdown-item:hover .fa, .comment-actions .approveDropdownItem.dropdown-item:focus .fa, .comment-actions .approveDropdownItem.dropdown-item.active .fa { + color: $white; +} + +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} + +.comment-count { + font-size: $h5-font-size; + color: $black; +} + +.comment-write { + position: relative; +} + +.comment-write.child { + margin-top: 1rem; +} + +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: $gray-900; +} + +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: .5rem .75rem; + min-height: 84px; +} + +.comment-write textarea { + background: $light; +} + +.comment-write textarea:hover, +.form-control[readonly]:hover { + background: $gray-600; +} + +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0; + width: 100%; + z-index: 1; +} + +.comment-write .comment-format .format { + padding: 0 .5rem; + font-size: $font-size-base; + color: $gray-200; +} + +.comment-write .comment-format .format:hover { + color: $black; +} + +.comment .comment-collapse::before { + content: ""; + position: absolute; + font-family: "Font Awesome 5 Pro"; + border-left: 2px solid $gray-100; + font-size: $font-size-base; + color: $primary; + display: inline-block; + height: 100%; + cursor: pointer; + width: 10px; +} + +.comment .comment-collapse:hover::before { + border-left-color: $primary; +} + +.comment.collapsed .comment-collapse::before { + content: "\f055"; + font-family: "Font Awesome 5 Pro"; + font-weight: 900; + border-left: none; + color: $gray-500; + top: -1px; + left: -3px; + font-size: 10px; +} + +.comment.collapsed .comment-collapse:hover::before { + color: $primary; +} + +.comment.collapsed .comment-profile, .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, +.comment.collapsed .comment { + display: none; +} + +.comment.collapsed .user-info { + margin-bottom: 0; +} + +.comment.collapsed .profile-pic-25 { + opacity: .5; +} + +.comment.collapsed .comment-body { + opacity: .5; +} + +.comment.collapsed .comment-body:hover { + opacity: 1; +} + +.dropdown-menu.user-profile-menu { + padding: 1rem; + text-align: left; +} + +.dropdown-menu.user-profile-menu .fa, .dropdown-menu.user-profile-menu .far, .dropdown-menu.user-profile-menu .fas { + text-align: center; + width: 18px; + padding-right: .25rem; +} + +// Thread Reactions + +.reactions-count { + margin-bottom: 3rem; +} + +.reactions-count .total { + font-weight: $font-weight-bold; + margin-bottom: .5rem; +} + +.reaction { + border: 1px solid $gray-300; + background-color: $light; + padding: 0.25rem 0.5rem; + border-radius: .35rem; + font-weight: $font-weight-bold; + margin-right: .25rem; +} + +.reaction:hover { + background-color: $gray-200; +} + +.reaction .count { + margin-left: .5rem; +} + +.reaction .reacted { + border-color: $purple; + background-color: rgba(60, 173, 243, 0.08); + color: $purple +} + +// Sidebar + +.sidebar-post-meta .score { + font-size: $h5-font-size; + font-weight: $font-weight-bold; +} + +.sidebar-post-meta .score-percent { + font-size: $extra-small-font-size; + color: $gray-600; + font-weight: $font-weight-normal; +} + +.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { + font-size: $small-font-size; + color: $muted; + font-weight: $font-weight-normal; + text-transform: lowercase; +} + +.sidebar-post-meta .link, .sidebar-post-meta .date{ + font-size: $small-font-size; + color: $black; + font-weight: $font-weight-normal; + text-transform: capitalize; +} + +// Login Page + +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: $light; +} + +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} + +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255,103,173,0.75) 76%); + +} + +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} + +.splash-text { + position: absolute; + bottom: 0; + left: 1.5rem; + color: $white; + font-weight: $font-weight-normal; +} + +// Pagination + +.pagination { + padding: 1rem 0; +} + +// Tables + +.table .thead-dark th { + color: $muted; + font-size: $small-font-size; + text-transform: uppercase; + background-color: $light; + border: none; +} + +// Guild Settings Page + +#settings-guild { + background-color: $gray-600; +} + +#settings-guild .settings .settings-section { + border: 1px solid $border-color; +} + +// Settings Page + +.settings .settings-section { + margin-bottom: 3rem; + background: $gray-500; + border: 1px solid $border-color; + //box-shadow: $box-shadow-sm; + border-radius: $border-radius; + overflow: hidden; +} + +#settings .bg-gray-300 { + background-color: $dark!important; +} + +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} + +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} + +.settings .settings-section .footer { + background-color: $secondary; +} + +// Modal Profile Actions + +.modal .profile-actions .list-group-item { + border: none; + border-radius: $border-radius; +} + +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: $gray-200; +} + +.modal .profile-actions a { + color: $black; + font-size: $font-size-base; +} + +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: $font-size-base; +} + +// Profile Page + +.profile-actions a { + color: $gray; + text-decoration: none; + font-size: $small-font-size; +} + +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: $small-font-size; + color: $gray; +} + +.profile-actions .dropdown-item:hover { + color: $black; +} + +.profile-actions .dropdown-item { + font-size: 13px; +} + +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: $small-font-size; + color: $gray; + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} + +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: $black; +} + +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: $black; +} + +// Footer + +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, +#article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: $font-weight-bold; +} + +#page .footer a, #article .footer a { + color: $white; + opacity: .8; +} + +#page .footer li, #article .footer li { + padding: .25rem 0; +} + +.footer .list-inline-item { + font-weight: $font-weight-normal; +} + +.footer a { + text-decoration: none; + color: $muted; +} + +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} + +.footer.footer-dark a:hover, .footer.footer-dark a:focus, .footer.footer-dark a:active { + color: $white; +} + +// Empty States + +.empty-state-img { + width: 200px; + opacity: .35; + filter: brightness(0); +} + +// Animate FA Icons + +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +}; +@-webkit-keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; +@keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; +@-moz-keyframes ghost { + 0% { transform: translateY(0); } + 100% { transform: translateY(-20px); } +}; + +// Responsive Borders + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .border#{$infix}-top { border-top: $border-width solid $border-color !important; } + .border#{$infix}-right { border-right: $border-width solid $border-color !important; } + .border#{$infix}-bottom { border-bottom: $border-width solid $border-color !important; } + .border#{$infix}-left { border-left: $border-width solid $border-color !important; } + + .border#{$infix}-top-0 { border-top: 0 !important; } + .border#{$infix}-right-0 { border-right: 0 !important; } + .border#{$infix}-bottom-0 { border-bottom: 0 !important; } + .border#{$infix}-left-0 { border-left: 0 !important; } + + .border#{$infix}-x { + border-left: $border-width solid $border-color !important; + border-right: $border-width solid $border-color !important; + } + + .border#{$infix}-y { + border-top: $border-width solid $border-color !important; + border-bottom: $border-width solid $border-color !important; + } + + .border#{$infix} { + border: $border-width solid $border-color !important; + } + + .border#{$infix}-0 { + border: none !important; + } + +// Responsive Border Radius + + .rounded#{$infix} { @include border-radius($border-radius); } + .rounded#{$infix}-top { @include border-top-radius($border-radius); @include border-bottom-radius(0); } + .rounded#{$infix}-right { @include border-right-radius($border-radius); @include border-left-radius(0); } + .rounded#{$infix}-bottom { @include border-bottom-radius($border-radius); @include border-top-radius(0); } + .rounded#{$infix}-left { @include border-left-radius($border-radius); @include border-right-radius(0); } + .rounded#{$infix}-circle { border-radius: 50%; } + .rounded#{$infix}-0 { border-radius: 0; } + + } +} + +// Responsive Sizing + +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + .w-sm-50 { + width: 50% !important; + } + .w-sm-75 { + width: 75% !important; + } + .w-sm-100 { + width: 100% !important; + } + .w-sm-auto { + width: auto !important; + } + .h-sm-25 { + height: 25% !important; + } + .h-sm-50 { + height: 50% !important; + } + .h-sm-75 { + height: 75% !important; + } + .h-sm-100 { + height: 100% !important; + } + .h-sm-auto { + height: auto !important; + } + } + + @media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + .w-md-50 { + width: 50% !important; + } + .w-md-75 { + width: 75% !important; + } + .w-md-100 { + width: 100% !important; + } + .w-md-auto { + width: auto !important; + } + .h-md-25 { + height: 25% !important; + } + .h-md-50 { + height: 50% !important; + } + .h-md-75 { + height: 75% !important; + } + .h-md-100 { + height: 100% !important; + } + .h-md-auto { + height: auto !important; + } + } + + @media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + .w-lg-50 { + width: 50% !important; + } + .w-lg-75 { + width: 75% !important; + } + .w-lg-100 { + width: 100% !important; + } + .w-lg-auto { + width: auto !important; + } + .h-lg-25 { + height: 25% !important; + } + .h-lg-50 { + height: 50% !important; + } + .h-lg-75 { + height: 75% !important; + } + .h-lg-100 { + height: 100% !important; + } + .h-lg-auto { + height: auto !important; + } + } + + @media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + .w-xl-50 { + width: 50% !important; + } + .w-xl-75 { + width: 75% !important; + } + .w-xl-100 { + width: 100% !important; + } + .w-xl-auto { + width: auto !important; + } + .h-xl-25 { + height: 25% !important; + } + .h-xl-50 { + height: 50% !important; + } + .h-xl-75 { + height: 75% !important; + } + .h-xl-100 { + height: 100% !important; + } + .h-xl-auto { + height: auto !important; + } + } + +// Submit Page + +.text-format { + display: flex; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + padding: .5rem; + width: 100%; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: $gray-300; + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; + z-index: 3; +} + +.text-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: #adb5bd; +} + +.submission .body { + padding: 1rem; +} + +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; +} + +// Transitions + +.transition-15 { + -webkit-transition: width .15s; + transition: width .15s; +} + +// Custom Checkboxes and Radio Buttons + +.custom-control-label { + text-transform: none; + font-weight: $font-weight-normal; + font-size: $font-size-base; + letter-spacing: 0; + color: $black; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: $purple; + border: 1px solid $purple; +} + +// Custom Switch (iOS-like toggle) + +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; // added for positioning +} + +.custom-switch .custom-control-label { // added for alignment with the switch + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} + +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: $success; + border: $success solid 1px; + +} + +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; // it was 1.75rem before. Sliding way is longer than before. + pointer-events: all; + border-radius: 1rem; + background-color: $gray-100; + border: $gray-100 solid 1px; + opacity: .7; +} + +.custom-switch .custom-control-label:hover::before { + opacity: .85; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); // it was calc(1rem - 4px) before. Oval is bigger than before. + height: calc(1.5rem - 4px); // it was calc(1rem - 4px) before. Oval is bigger than before. + background-color: $light; + border-radius: 2rem; // it was 0.5rem before. Oval is bigger than before. + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 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; + transition: transform 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, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: $white; + -webkit-transform: translateX(1.25rem); //translateX(0.75rem); + transform: translateX(1.25rem); //translateX(0.75rem); +} + +// Code + +pre code { + word-break: break-word; + white-space: break-spaces; + color: $code; +} + +// Code Prettify + +pre.prettyprint { + padding: 0; +} + +pre ol.linenums { + padding-left: 0; +} + +pre ol > li { + margin-bottom: 0; +} + +pre ol > li::before { + color: $white; + font-weight: $font-weight-normal; + background-color: transparent; + right: 1rem; + padding: .25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} + +pre li.L1, pre li.L3, pre li.L5, pre li.L7, pre li.L9 { + background: none; +} + +pre .pln, code .pln { + color: #29b1f3; +} + +pre .lit, code .lit { + color: #d55a7c; +} + +pre .kwd, code .kwd { + color: $green; +} + +pre .str, code .str { + color: $green; + opacity: .75; +} + +pre .com, code .com { + color: #ab4bc3; +} + +pre .typ, code .typ { + color: $white; +} + +pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { + color: $white; +} + +// GIF Keyboard + +.gif-categories .card { + overflow: hidden; + border: none; +} + +.gif-categories img { + border-radius: $border-radius; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all .15s ease; + -moz-transition: all .15s ease; + -o-transition: all .15s ease; + -ms-transition: all .15s ease; + transition: all .15s ease; +} + +.gif-categories img:hover { + border: 3px solid $primary; +} + +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all .15s ease; + -moz-transition: all .15s ease; + -o-transition: all .15s ease; + -ms-transition: all .15s ease; + transition: all .15s ease; +} + +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid $primary; + border-radius: $border-radius; +} + +// Responsive media queries + +// Medium devices (tablets, less than 992px) +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; + } +} + +// Small devices (landscape phones, less than 768px) +@media (max-width: 767.98px) { + +html { + font-size: 14px; +} + +.container { + overflow: hidden; + max-width: none; +} + +body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: $gray-700; +} + +#thread, #userpage { + background-color: $gray-600; +} + +.custom-gutters { + padding-left: 8px; + padding-right: 0; +} + +.shadow-sm-0 { + box-shadow: none!important; +} + +.navbar.bg-primary { + background-color: $dark!important; +} + +.navbar-nav { + height: 100vh; +} + +.navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; +} + +.navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; +} + +.navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; +} + +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: $font-size-base; +} + +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: $purple; + font-size: $font-size-lg; +} + +#fixed-bar-mobile { + box-shadow: none; +} + +.mobile-nav-icon { + padding: 0.25rem 0.75rem; +} + +#thread, #submit, #error-401, #error-403, #error-404, #error-405, #error-409, #error-410, #error-422, #error-429, #error-451, #error-500 { + background-color: $light; +} + +#search, #guild { + padding-top: 98px; +} + +#frontpage { + padding-top: 49px; +} + +#search .search-results.card { + border-bottom: 1px solid $border-color; + border-width: 0 0 1px 0; + border-radius: 0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + padding: 7px; + border-width: 0 0 1px 0; +} + +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + border-radius: 0; +} + +#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: $gray-600; +} + +#frontpage .posts .card:last-of-type, #search .posts .card:last-of-type { + border-bottom: 1px solid $border-color; +} + +#frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a{ + color: $primary; +} + +#frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; +} + +#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + display: block; +} + +.toggle-view { + padding-top: 2px; +} + +// Toasts + +.toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; +} + +/* + +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + border-width: 0 0 1px 0; + border-color: $border-color; + border-style: solid; + border-radius: 0; + margin-top: 0; + box-shadow: none; +} + +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + max-width: 100%; + height: auto; +} + +*/ + +// Guild + +.jumbotron-guild { + height: 115px; +} + +// Posts and thread + +#thread .card { + background-color: $gray-600; +} + +.card { + background-color: $gray-600; +} + +.posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; +} + +#thread #main-content-col { + margin: 0; +} + +.thumb-img-link-overlay { + display: none; +} + +.post-title a { + color: $black; +} + +.post-title a:hover, .post-title a:active, .post-title a:focus { + color: $primary; +} + +#thread .voting { + min-width: 0; + margin-right: 0; +} + +.voting { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + + +#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + margin: 0; +} + +.post-title { + font-size: 14px; + font-weight: $font-weight-normal; + line-height: normal; + overflow: hidden; +} + +.post-meta { + font-size: 1rem; +} + +.post-actions { + font-weight: $font-weight-normal; +} + +.post-actions a { + font-size: $font-size-base; + color: $gray-200; +} + +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: $font-size-base; +} + +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: $font-size-lg; +} + +// Voting Mobile + +.comment-actions .score { + color: $gray-200; +} + +.score { + color: $gray-200; +} + +.arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: $font-size-lg; + color: $gray-200; + opacity: 1; +} + +.active.arrow-up::before, .active.arrow-up:hover::before { + color: $upvote; +} + +.active.arrow-down::before, .active.arrow-down:hover::before { + color: $downvote; +} + +.dropdown-actions a { + font-size: $font-size-base; +} + +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: $font-size-base; +} + +.btn-tag { + font-size: $small-font-size; +} + +// Comments + +.comment-section { + background-color: $gray-600; +} + +.comment-section > .comment { + padding-left: 20px; + } + +.comment { + margin-top: 1.5rem; +} + +.comment .comment-collapse { + padding-right: 15px; +} + +.comment.collapsed .user-info { + padding-top: 0.5rem; +} + +.comment .comment-collapse::before { + content: "\f056"; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; +} + +.comment.collapsed .comment-body:hover { + opacity: 0.5; +} + +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: $gray-100; +} + +// User and Profile (mobile) + +.banner-pic-135 { + max-width: 100% +} + +// Horizontal scroll + +.x-scroll-parent { + overflow: hidden; +} + +.x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE 10+ */ +} + +.x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; /* Chrome/Safari/Webkit */ +} + +#thread .post-title { + font-size: 16px; +} + +#submit .submission { + border: none; +} + +#submit .submission .body { + padding: 0; +} + +#submit .submission .footer { + background: transparent; + padding: 1rem 0; +} + +.footer .list-inline-item { + line-height: 3; +} + +.comments-count .total { + font-weight: $font-weight-normal; + font-size: $font-size-base; + +} + +.comment-actions { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +.comment-write .comment-format .format { + display: none; +} + +.post-filter { + font-weight: $font-weight-normal; + font-size: $font-size-base; +} + +.post-filter .dropdown-item { + font-weight: $font-weight-normal; +} + +.user-name { + font-weight: $font-weight-normal; +} + +.comment .comment-body .user-name { + color: $black; + font-weight: $font-weight-bold; +} + +.pagination { + padding: 1rem; +} + +input[type="color"], +input[type="date"], +input[type="datetime"], +input[type="datetime-local"], +input[type="email"], +input[type="month"], +input[type="number"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="text"], +input[type="time"], +input[type="url"], +input[type="week"], +select:focus, +textarea { + font-size: 16px!important; +} + +textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +} + +// Dark Mode + +.bg-white { + background-color: $gray-600!important; +} + +.text-muted { + color: $muted!important; +} + +.text-primary { + color: $primary!important; +} + +.text-gray-400, .text-gray-500 { + color: $gray-200!important; +} + +.white-overlay { + background-color: rgba(0, 0, 0, 0.5)!important; + background-image: linear-gradient(180deg, #ffffff00 25%, $gray-600 100%)!important; +} + +// Scroll bar + +.hide-scrollbar::-webkit-scrollbar { + width: 0px; + background: transparent; +} + +// Hides scroll bar in FF + +.hide-scrollbar { + scrollbar-width: none; +} + +// Adam's additions + +.sidebar-adminpanel input[type="submit"] { + width:100% +} + +.noshow { + display: none; +} + +span.red { + color: $admin; +} + +span.green { + color: $green; +} + +div.banned { + background-color: $banned; + border-left: 3px solid #ff0000!important; +} + +div.deleted { + background-color: $deleted; +} + +div.deleted.banned { + background-color: $deletedandbanned +} + +.text-admin { + color: $admin +} + +.in-comment-image { + max-height: 100px !important; + max-width: 100px !important; +} + +.sidebar-left .btn:focus { + box-shadow: none; +} + +.onboarding-card { + height: 180px; + .onboarding-card-overlay { + background-color: rgba(0,0,0,0.65); + } + &.selected { + .onboarding-card-overlay { + background-color: rgba($purple, .65); + } + } +} + +.object-cover { + object-fit: cover; +} + +.cat-item { + display: none; + &.selected { + display: block; + } +} + +img.emoji { + width: 30px; + height: 30px; + object-fit: contain; +} + +/* Dark mode spoiler */ +.spoiler { + color: $white; + background-color: $white; + font-weight: 600 !important; + padding: 5px; +} + +.spoiler:hover { + color: $gray; +} + +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; + } +} + +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; + } + +.comment .comment-collapse-desktop:hover { + border-left-color: $white !important; +} + +.comment.collapsed .comment-collapse-desktop:hover { + color:$white !important; } + +#frontpage .post-title a:visited { + color: $gray-200; +} + +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: $medium-font-size; + padding: 0.75rem 0.4rem;} +} + +.table { + color: $white; +} + +.comment-box { + border: 2px solid $gray-200; +} + +.btn { + background: transparent; +} + +.form-control { + background: transparent; +} + +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} + + +.btn-secondary { + color: $muted; +} + +.btn-primary { + color: $muted; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +@-webkit-keyframes lgbt { + 0% { + color: violet; + } + 16% { + color: red; + } + 32% { + color: orange; + } + 48% { + color: yellow; + } + 64% { + color: green; + } + 80% { + color: blue; + } + 100% { + color: violet; + } +} + +@-webkit-keyframes landlord { + 0% { + color: #d26d3f; + } + 10% { + color: #d49d42; + } + 20% { + color: #d6dc58; + } + 30% { + color: #81d94f; + } + 40% { + color: #7de373; + } + 50% { + color: #d26d3f; + } + 60% { + color: #d49d42; + } + 70% { + color: #d6dc58; + } + 80% { + color: #81d94f; + } + 90% { + color: #7de373; + } + 100% { + color: #d26d3f; + } +} + +* [href$="/@Dw-Im-Here"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Racist_FemboyV2"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@DudeBussyLmao"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@carpathianflorist"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@InfoWarrior"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Jew"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Landlord_Messiah"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite landlord; + animation: 3s ease-in-out 0s normal none infinite landlord; + position: relative; +} + +* [href$="/@Lysis10"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@NotAWeeb"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@fuckaveann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@JimieWhales"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@CRUSTY"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Aevann"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Joan_Wayne_Gacy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Sylveon"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@SquisheeKisses"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@wangpangthankyoumaam"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Chapose"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@cumlord"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Snappy"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@ponyblaze"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@iStillMissEd"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@TariqNasneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Account_109_"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Yall"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@collectijism"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +* [href$="/@Need4Sneed"] { + -webkit-animation: 3s ease-in-out 0s normal none infinite lgbt; + animation: 3s ease-in-out 0s normal none infinite lgbt; + position: relative; +} + +.alert { + color: #000000; +} + +#context { + padding: 10px; + border: 2px solid $primary; +} + +.btn-lg { + border-color: transparent !important; +} + +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; + } + .comment-actions { + margin-top: -8px; + } +} + +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} + +.patron { + -webkit-animation: 3s ease-in-out 0s normal none infinite patron; + animation: 3s ease-in-out 0s normal none infinite patron; + position: relative; +} + +@-webkit-keyframes patron { + 0% { + color: violet; + text-shadow:0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } + 16% { + color: red; + text-shadow:0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red, 0px 0px 1px red; + } + 32% { + color: orange; + text-shadow:0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange, 0px 0px 10px orange; + } + 48% { + color: yellow; + text-shadow:0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow, 0px 0px 1px yellow; + } + 64% { + color: green; + text-shadow:0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green, 0px 0px 10px green; + } + 80% { + color: blue; + text-shadow:0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue, 0px 0px 1px blue; + } + 100% { + color: violet; + text-shadow:0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet, 0px 0px 10px violet; + } +} \ No newline at end of file diff --git a/ruqqus/assets/style/node_modules/bootstrap/LICENSE b/ruqqus/assets/style/node_modules/bootstrap/LICENSE new file mode 100644 index 000000000..7d1e2311f --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/LICENSE @@ -0,0 +1,22 @@ +The MIT License (MIT) + +Copyright (c) 2011-2019 Twitter, Inc. +Copyright (c) 2011-2019 The Bootstrap Authors + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/ruqqus/assets/style/node_modules/bootstrap/README.md b/ruqqus/assets/style/node_modules/bootstrap/README.md new file mode 100644 index 000000000..5aee1f8a6 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/README.md @@ -0,0 +1,209 @@ +

+ + Bootstrap logo + +

+ +

Bootstrap

+ +

+ Sleek, intuitive, and powerful front-end framework for faster and easier web development. +
+ Explore Bootstrap docs » +
+
+ Report bug + · + Request feature + · + Themes + · + Blog +

+ + +## Table of contents + +- [Quick start](#quick-start) +- [Status](#status) +- [What's included](#whats-included) +- [Bugs and feature requests](#bugs-and-feature-requests) +- [Documentation](#documentation) +- [Contributing](#contributing) +- [Community](#community) +- [Versioning](#versioning) +- [Creators](#creators) +- [Thanks](#thanks) +- [Copyright and license](#copyright-and-license) + + +## Quick start + +Several quick start options are available: + +- [Download the latest release.](https://github.com/twbs/bootstrap/archive/v4.4.1.zip) +- Clone the repo: `git clone https://github.com/twbs/bootstrap.git` +- Install with [npm](https://www.npmjs.com/): `npm install bootstrap` +- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap@4.4.1` +- Install with [Composer](https://getcomposer.org/): `composer require twbs/bootstrap:4.4.1` +- Install with [NuGet](https://www.nuget.org/): CSS: `Install-Package bootstrap` Sass: `Install-Package bootstrap.sass` + +Read the [Getting started page](https://getbootstrap.com/docs/4.4/getting-started/introduction/) for information on the framework contents, templates and examples, and more. + + +## Status + +[![Slack](https://bootstrap-slack.herokuapp.com/badge.svg)](https://bootstrap-slack.herokuapp.com/) +[![Build Status](https://github.com/twbs/bootstrap/workflows/Tests/badge.svg)](https://github.com/twbs/bootstrap/actions?workflow=Tests) +[![npm version](https://img.shields.io/npm/v/bootstrap.svg)](https://www.npmjs.com/package/bootstrap) +[![Gem version](https://img.shields.io/gem/v/bootstrap.svg)](https://rubygems.org/gems/bootstrap) +[![Meteor Atmosphere](https://img.shields.io/badge/meteor-twbs%3Abootstrap-blue.svg)](https://atmospherejs.com/twbs/bootstrap) +[![Packagist Prerelease](https://img.shields.io/packagist/vpre/twbs/bootstrap.svg)](https://packagist.org/packages/twbs/bootstrap) +[![NuGet](https://img.shields.io/nuget/vpre/bootstrap.svg)](https://www.nuget.org/packages/bootstrap/absoluteLatest) +[![peerDependencies Status](https://img.shields.io/david/peer/twbs/bootstrap.svg)](https://david-dm.org/twbs/bootstrap?type=peer) +[![devDependency Status](https://img.shields.io/david/dev/twbs/bootstrap.svg)](https://david-dm.org/twbs/bootstrap?type=dev) +[![Coverage Status](https://img.shields.io/coveralls/github/twbs/bootstrap/v4-dev.svg)](https://coveralls.io/github/twbs/bootstrap?branch=v4-dev) +[![CSS gzip size](https://img.badgesize.io/twbs/bootstrap/v4-dev/dist/css/bootstrap.min.css?compression=gzip&label=CSS+gzip+size)](https://github.com/twbs/bootstrap/tree/v4-dev/dist/css/bootstrap.min.css) +[![JS gzip size](https://img.badgesize.io/twbs/bootstrap/v4-dev/dist/js/bootstrap.min.js?compression=gzip&label=JS+gzip+size)](https://github.com/twbs/bootstrap/tree/v4-dev/dist/js/bootstrap.min.js) +[![BrowserStack Status](https://www.browserstack.com/automate/badge.svg?badge_key=SkxZcStBeExEdVJqQ2hWYnlWckpkNmNEY213SFp6WHFETWk2bGFuY3pCbz0tLXhqbHJsVlZhQnRBdEpod3NLSDMzaHc9PQ==--3d0b75245708616eb93113221beece33e680b229)](https://www.browserstack.com/automate/public-build/SkxZcStBeExEdVJqQ2hWYnlWckpkNmNEY213SFp6WHFETWk2bGFuY3pCbz0tLXhqbHJsVlZhQnRBdEpod3NLSDMzaHc9PQ==--3d0b75245708616eb93113221beece33e680b229) +[![Backers on Open Collective](https://opencollective.com/bootstrap/backers/badge.svg)](#backers) +[![Sponsors on Open Collective](https://opencollective.com/bootstrap/sponsors/badge.svg)](#sponsors) + + +## What's included + +Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this: + +```text +bootstrap/ +└── dist/ + ├── css/ + │ ├── bootstrap-grid.css + │ ├── bootstrap-grid.css.map + │ ├── bootstrap-grid.min.css + │ ├── bootstrap-grid.min.css.map + │ ├── bootstrap-reboot.css + │ ├── bootstrap-reboot.css.map + │ ├── bootstrap-reboot.min.css + │ ├── bootstrap-reboot.min.css.map + │ ├── bootstrap.css + │ ├── bootstrap.css.map + │ ├── bootstrap.min.css + │ └── bootstrap.min.css.map + └── js/ + ├── bootstrap.bundle.js + ├── bootstrap.bundle.js.map + ├── bootstrap.bundle.min.js + ├── bootstrap.bundle.min.js.map + ├── bootstrap.js + ├── bootstrap.js.map + ├── bootstrap.min.js + └── bootstrap.min.js.map +``` + +We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/), but not [jQuery](https://jquery.com/). + + +## Bugs and feature requests + +Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new). + + +## Documentation + +Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](https://jekyllrb.com/) and publicly hosted on GitHub Pages at . The docs may also be run locally. + +Documentation search is powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). Working on our search/posts/? Be sure to set `debug: true` in `site/docs/4.4/assets/js/src/search.js` file. + +### Running documentation locally + +1. Run through the [tooling setup](https://getbootstrap.com/docs/4.4/getting-started/build-tools/#tooling-setup) to install Jekyll (the site builder) and other Ruby dependencies with `bundle install`. +2. Run `npm install` to install Node.js dependencies. +3. Run `npm start` to compile CSS and JavaScript files, generate our docs, and watch for changes. +4. Open `https://localhost:9001` in your browser, and voilà. + +Learn more about using Jekyll by reading its [documentation](https://jekyllrb.com/docs/). + +### Documentation for previous releases + +You can find all our previous releases docs on . + +[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download. + + +## Contributing + +Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development. + +Moreover, if your pull request contains JavaScript patches or features, you must include [relevant unit tests](https://github.com/twbs/bootstrap/tree/master/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo). + +Editor preferences are available in the [editor config](https://github.com/twbs/bootstrap/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at . + + +## Community + +Get updates on Bootstrap's development and chat with the project maintainers and community members. + +- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap). +- Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com/). +- Join [the official Slack room](https://bootstrap-slack.herokuapp.com/). +- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel. +- Implementation help may be found at Stack Overflow (tagged [`bootstrap-4`](https://stackoverflow.com/questions/tagged/bootstrap-4)). +- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability. + + +## Versioning + +For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](https://semver.org/). Sometimes we screw up, but we adhere to those rules whenever possible. + +See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](https://blog.getbootstrap.com/) contain summaries of the most noteworthy changes made in each release. + + +## Creators + +**Mark Otto** + +- +- + +**Jacob Thornton** + +- +- + + +## Thanks + + + BrowserStack Logo + + +Thanks to [BrowserStack](https://www.browserstack.com/) for providing the infrastructure that allows us to test in real browsers! + + +## Backers + +Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/bootstrap#backer)] + +[![Bakers](https://opencollective.com/bootstrap/backers.svg?width=890)](https://opencollective.com/bootstrap#backers) + + +## Sponsors + +Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/bootstrap#sponsor)] + +[![](https://opencollective.com/bootstrap/sponsor/0/avatar.svg)](https://opencollective.com/bootstrap/sponsor/0/website) +[![](https://opencollective.com/bootstrap/sponsor/1/avatar.svg)](https://opencollective.com/bootstrap/sponsor/1/website) +[![](https://opencollective.com/bootstrap/sponsor/2/avatar.svg)](https://opencollective.com/bootstrap/sponsor/2/website) +[![](https://opencollective.com/bootstrap/sponsor/3/avatar.svg)](https://opencollective.com/bootstrap/sponsor/3/website) +[![](https://opencollective.com/bootstrap/sponsor/4/avatar.svg)](https://opencollective.com/bootstrap/sponsor/4/website) +[![](https://opencollective.com/bootstrap/sponsor/5/avatar.svg)](https://opencollective.com/bootstrap/sponsor/5/website) +[![](https://opencollective.com/bootstrap/sponsor/6/avatar.svg)](https://opencollective.com/bootstrap/sponsor/6/website) +[![](https://opencollective.com/bootstrap/sponsor/7/avatar.svg)](https://opencollective.com/bootstrap/sponsor/7/website) +[![](https://opencollective.com/bootstrap/sponsor/8/avatar.svg)](https://opencollective.com/bootstrap/sponsor/8/website) +[![](https://opencollective.com/bootstrap/sponsor/9/avatar.svg)](https://opencollective.com/bootstrap/sponsor/9/website) + + +## Copyright and license + +Code and documentation copyright 2011-2019 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors) and [Twitter, Inc.](https://twitter.com) Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/master/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/alert.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/alert.js new file mode 100644 index 000000000..57ab676f9 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/alert.js @@ -0,0 +1,179 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): alert.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'alert' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.alert' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const Selector = { + DISMISS : '[data-dismiss="alert"]' +} + +const Event = { + CLOSE : `close${EVENT_KEY}`, + CLOSED : `closed${EVENT_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + ALERT : 'alert', + FADE : 'fade', + SHOW : 'show' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Alert { + constructor(element) { + this._element = element + } + + // Getters + + static get VERSION() { + return VERSION + } + + // Public + + close(element) { + let rootElement = this._element + if (element) { + rootElement = this._getRootElement(element) + } + + const customEvent = this._triggerCloseEvent(rootElement) + + if (customEvent.isDefaultPrevented()) { + return + } + + this._removeElement(rootElement) + } + + dispose() { + $.removeData(this._element, DATA_KEY) + this._element = null + } + + // Private + + _getRootElement(element) { + const selector = Util.getSelectorFromElement(element) + let parent = false + + if (selector) { + parent = document.querySelector(selector) + } + + if (!parent) { + parent = $(element).closest(`.${ClassName.ALERT}`)[0] + } + + return parent + } + + _triggerCloseEvent(element) { + const closeEvent = $.Event(Event.CLOSE) + + $(element).trigger(closeEvent) + return closeEvent + } + + _removeElement(element) { + $(element).removeClass(ClassName.SHOW) + + if (!$(element).hasClass(ClassName.FADE)) { + this._destroyElement(element) + return + } + + const transitionDuration = Util.getTransitionDurationFromElement(element) + + $(element) + .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event)) + .emulateTransitionEnd(transitionDuration) + } + + _destroyElement(element) { + $(element) + .detach() + .trigger(Event.CLOSED) + .remove() + } + + // Static + + static _jQueryInterface(config) { + return this.each(function () { + const $element = $(this) + let data = $element.data(DATA_KEY) + + if (!data) { + data = new Alert(this) + $element.data(DATA_KEY, data) + } + + if (config === 'close') { + data[config](this) + } + }) + } + + static _handleDismiss(alertInstance) { + return function (event) { + if (event) { + event.preventDefault() + } + + alertInstance.close(this) + } + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document).on( + Event.CLICK_DATA_API, + Selector.DISMISS, + Alert._handleDismiss(new Alert()) +) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Alert._jQueryInterface +$.fn[NAME].Constructor = Alert +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Alert._jQueryInterface +} + +export default Alert diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/button.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/button.js new file mode 100644 index 000000000..f5b4fa0a7 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/button.js @@ -0,0 +1,213 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): button.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'button' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.button' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const ClassName = { + ACTIVE : 'active', + BUTTON : 'btn', + FOCUS : 'focus' +} + +const Selector = { + DATA_TOGGLE_CARROT : '[data-toggle^="button"]', + DATA_TOGGLES : '[data-toggle="buttons"]', + DATA_TOGGLE : '[data-toggle="button"]', + DATA_TOGGLES_BUTTONS : '[data-toggle="buttons"] .btn', + INPUT : 'input:not([type="hidden"])', + ACTIVE : '.active', + BUTTON : '.btn' +} + +const Event = { + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`, + FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` + + `blur${EVENT_KEY}${DATA_API_KEY}`, + LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}` +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Button { + constructor(element) { + this._element = element + } + + // Getters + + static get VERSION() { + return VERSION + } + + // Public + + toggle() { + let triggerChangeEvent = true + let addAriaPressed = true + const rootElement = $(this._element).closest( + Selector.DATA_TOGGLES + )[0] + + if (rootElement) { + const input = this._element.querySelector(Selector.INPUT) + + if (input) { + if (input.type === 'radio') { + if (input.checked && + this._element.classList.contains(ClassName.ACTIVE)) { + triggerChangeEvent = false + } else { + const activeElement = rootElement.querySelector(Selector.ACTIVE) + + if (activeElement) { + $(activeElement).removeClass(ClassName.ACTIVE) + } + } + } else if (input.type === 'checkbox') { + if (this._element.tagName === 'LABEL' && input.checked === this._element.classList.contains(ClassName.ACTIVE)) { + triggerChangeEvent = false + } + } else { + // if it's not a radio button or checkbox don't add a pointless/invalid checked property to the input + triggerChangeEvent = false + } + + if (triggerChangeEvent) { + input.checked = !this._element.classList.contains(ClassName.ACTIVE) + $(input).trigger('change') + } + + input.focus() + addAriaPressed = false + } + } + + if (!(this._element.hasAttribute('disabled') || this._element.classList.contains('disabled'))) { + if (addAriaPressed) { + this._element.setAttribute('aria-pressed', + !this._element.classList.contains(ClassName.ACTIVE)) + } + + if (triggerChangeEvent) { + $(this._element).toggleClass(ClassName.ACTIVE) + } + } + } + + dispose() { + $.removeData(this._element, DATA_KEY) + this._element = null + } + + // Static + + static _jQueryInterface(config) { + return this.each(function () { + let data = $(this).data(DATA_KEY) + + if (!data) { + data = new Button(this) + $(this).data(DATA_KEY, data) + } + + if (config === 'toggle') { + data[config]() + } + }) + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document) + .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => { + let button = event.target + + if (!$(button).hasClass(ClassName.BUTTON)) { + button = $(button).closest(Selector.BUTTON)[0] + } + + if (!button || button.hasAttribute('disabled') || button.classList.contains('disabled')) { + event.preventDefault() // work around Firefox bug #1540995 + } else { + const inputBtn = button.querySelector(Selector.INPUT) + + if (inputBtn && (inputBtn.hasAttribute('disabled') || inputBtn.classList.contains('disabled'))) { + event.preventDefault() // work around Firefox bug #1540995 + return + } + + Button._jQueryInterface.call($(button), 'toggle') + } + }) + .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => { + const button = $(event.target).closest(Selector.BUTTON)[0] + $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type)) + }) + +$(window).on(Event.LOAD_DATA_API, () => { + // ensure correct active class is set to match the controls' actual values/states + + // find all checkboxes/readio buttons inside data-toggle groups + let buttons = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLES_BUTTONS)) + for (let i = 0, len = buttons.length; i < len; i++) { + const button = buttons[i] + const input = button.querySelector(Selector.INPUT) + if (input.checked || input.hasAttribute('checked')) { + button.classList.add(ClassName.ACTIVE) + } else { + button.classList.remove(ClassName.ACTIVE) + } + } + + // find all button toggles + buttons = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE)) + for (let i = 0, len = buttons.length; i < len; i++) { + const button = buttons[i] + if (button.getAttribute('aria-pressed') === 'true') { + button.classList.add(ClassName.ACTIVE) + } else { + button.classList.remove(ClassName.ACTIVE) + } + } +}) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Button._jQueryInterface +$.fn[NAME].Constructor = Button +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Button._jQueryInterface +} + +export default Button diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/carousel.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/carousel.js new file mode 100644 index 000000000..74c410168 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/carousel.js @@ -0,0 +1,608 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): carousel.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'carousel' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.carousel' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] +const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key +const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key +const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch +const SWIPE_THRESHOLD = 40 + +const Default = { + interval : 5000, + keyboard : true, + slide : false, + pause : 'hover', + wrap : true, + touch : true +} + +const DefaultType = { + interval : '(number|boolean)', + keyboard : 'boolean', + slide : '(boolean|string)', + pause : '(string|boolean)', + wrap : 'boolean', + touch : 'boolean' +} + +const Direction = { + NEXT : 'next', + PREV : 'prev', + LEFT : 'left', + RIGHT : 'right' +} + +const Event = { + SLIDE : `slide${EVENT_KEY}`, + SLID : `slid${EVENT_KEY}`, + KEYDOWN : `keydown${EVENT_KEY}`, + MOUSEENTER : `mouseenter${EVENT_KEY}`, + MOUSELEAVE : `mouseleave${EVENT_KEY}`, + TOUCHSTART : `touchstart${EVENT_KEY}`, + TOUCHMOVE : `touchmove${EVENT_KEY}`, + TOUCHEND : `touchend${EVENT_KEY}`, + POINTERDOWN : `pointerdown${EVENT_KEY}`, + POINTERUP : `pointerup${EVENT_KEY}`, + DRAG_START : `dragstart${EVENT_KEY}`, + LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + CAROUSEL : 'carousel', + ACTIVE : 'active', + SLIDE : 'slide', + RIGHT : 'carousel-item-right', + LEFT : 'carousel-item-left', + NEXT : 'carousel-item-next', + PREV : 'carousel-item-prev', + ITEM : 'carousel-item', + POINTER_EVENT : 'pointer-event' +} + +const Selector = { + ACTIVE : '.active', + ACTIVE_ITEM : '.active.carousel-item', + ITEM : '.carousel-item', + ITEM_IMG : '.carousel-item img', + NEXT_PREV : '.carousel-item-next, .carousel-item-prev', + INDICATORS : '.carousel-indicators', + DATA_SLIDE : '[data-slide], [data-slide-to]', + DATA_RIDE : '[data-ride="carousel"]' +} + +const PointerType = { + TOUCH : 'touch', + PEN : 'pen' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ +class Carousel { + constructor(element, config) { + this._items = null + this._interval = null + this._activeElement = null + this._isPaused = false + this._isSliding = false + this.touchTimeout = null + this.touchStartX = 0 + this.touchDeltaX = 0 + + this._config = this._getConfig(config) + this._element = element + this._indicatorsElement = this._element.querySelector(Selector.INDICATORS) + this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0 + this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent) + + this._addEventListeners() + } + + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + // Public + + next() { + if (!this._isSliding) { + this._slide(Direction.NEXT) + } + } + + nextWhenVisible() { + // Don't call next when the page isn't visible + // or the carousel or its parent isn't visible + if (!document.hidden && + ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) { + this.next() + } + } + + prev() { + if (!this._isSliding) { + this._slide(Direction.PREV) + } + } + + pause(event) { + if (!event) { + this._isPaused = true + } + + if (this._element.querySelector(Selector.NEXT_PREV)) { + Util.triggerTransitionEnd(this._element) + this.cycle(true) + } + + clearInterval(this._interval) + this._interval = null + } + + cycle(event) { + if (!event) { + this._isPaused = false + } + + if (this._interval) { + clearInterval(this._interval) + this._interval = null + } + + if (this._config.interval && !this._isPaused) { + this._interval = setInterval( + (document.visibilityState ? this.nextWhenVisible : this.next).bind(this), + this._config.interval + ) + } + } + + to(index) { + this._activeElement = this._element.querySelector(Selector.ACTIVE_ITEM) + + const activeIndex = this._getItemIndex(this._activeElement) + + if (index > this._items.length - 1 || index < 0) { + return + } + + if (this._isSliding) { + $(this._element).one(Event.SLID, () => this.to(index)) + return + } + + if (activeIndex === index) { + this.pause() + this.cycle() + return + } + + const direction = index > activeIndex + ? Direction.NEXT + : Direction.PREV + + this._slide(direction, this._items[index]) + } + + dispose() { + $(this._element).off(EVENT_KEY) + $.removeData(this._element, DATA_KEY) + + this._items = null + this._config = null + this._element = null + this._interval = null + this._isPaused = null + this._isSliding = null + this._activeElement = null + this._indicatorsElement = null + } + + // Private + + _getConfig(config) { + config = { + ...Default, + ...config + } + Util.typeCheckConfig(NAME, config, DefaultType) + return config + } + + _handleSwipe() { + const absDeltax = Math.abs(this.touchDeltaX) + + if (absDeltax <= SWIPE_THRESHOLD) { + return + } + + const direction = absDeltax / this.touchDeltaX + + this.touchDeltaX = 0 + + // swipe left + if (direction > 0) { + this.prev() + } + + // swipe right + if (direction < 0) { + this.next() + } + } + + _addEventListeners() { + if (this._config.keyboard) { + $(this._element) + .on(Event.KEYDOWN, (event) => this._keydown(event)) + } + + if (this._config.pause === 'hover') { + $(this._element) + .on(Event.MOUSEENTER, (event) => this.pause(event)) + .on(Event.MOUSELEAVE, (event) => this.cycle(event)) + } + + if (this._config.touch) { + this._addTouchEventListeners() + } + } + + _addTouchEventListeners() { + if (!this._touchSupported) { + return + } + + const start = (event) => { + if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) { + this.touchStartX = event.originalEvent.clientX + } else if (!this._pointerEvent) { + this.touchStartX = event.originalEvent.touches[0].clientX + } + } + + const move = (event) => { + // ensure swiping with one touch and not pinching + if (event.originalEvent.touches && event.originalEvent.touches.length > 1) { + this.touchDeltaX = 0 + } else { + this.touchDeltaX = event.originalEvent.touches[0].clientX - this.touchStartX + } + } + + const end = (event) => { + if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) { + this.touchDeltaX = event.originalEvent.clientX - this.touchStartX + } + + this._handleSwipe() + if (this._config.pause === 'hover') { + // If it's a touch-enabled device, mouseenter/leave are fired as + // part of the mouse compatibility events on first tap - the carousel + // would stop cycling until user tapped out of it; + // here, we listen for touchend, explicitly pause the carousel + // (as if it's the second time we tap on it, mouseenter compat event + // is NOT fired) and after a timeout (to allow for mouse compatibility + // events to fire) we explicitly restart cycling + + this.pause() + if (this.touchTimeout) { + clearTimeout(this.touchTimeout) + } + this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval) + } + } + + $(this._element.querySelectorAll(Selector.ITEM_IMG)).on(Event.DRAG_START, (e) => e.preventDefault()) + if (this._pointerEvent) { + $(this._element).on(Event.POINTERDOWN, (event) => start(event)) + $(this._element).on(Event.POINTERUP, (event) => end(event)) + + this._element.classList.add(ClassName.POINTER_EVENT) + } else { + $(this._element).on(Event.TOUCHSTART, (event) => start(event)) + $(this._element).on(Event.TOUCHMOVE, (event) => move(event)) + $(this._element).on(Event.TOUCHEND, (event) => end(event)) + } + } + + _keydown(event) { + if (/input|textarea/i.test(event.target.tagName)) { + return + } + + switch (event.which) { + case ARROW_LEFT_KEYCODE: + event.preventDefault() + this.prev() + break + case ARROW_RIGHT_KEYCODE: + event.preventDefault() + this.next() + break + default: + } + } + + _getItemIndex(element) { + this._items = element && element.parentNode + ? [].slice.call(element.parentNode.querySelectorAll(Selector.ITEM)) + : [] + return this._items.indexOf(element) + } + + _getItemByDirection(direction, activeElement) { + const isNextDirection = direction === Direction.NEXT + const isPrevDirection = direction === Direction.PREV + const activeIndex = this._getItemIndex(activeElement) + const lastItemIndex = this._items.length - 1 + const isGoingToWrap = isPrevDirection && activeIndex === 0 || + isNextDirection && activeIndex === lastItemIndex + + if (isGoingToWrap && !this._config.wrap) { + return activeElement + } + + const delta = direction === Direction.PREV ? -1 : 1 + const itemIndex = (activeIndex + delta) % this._items.length + + return itemIndex === -1 + ? this._items[this._items.length - 1] : this._items[itemIndex] + } + + _triggerSlideEvent(relatedTarget, eventDirectionName) { + const targetIndex = this._getItemIndex(relatedTarget) + const fromIndex = this._getItemIndex(this._element.querySelector(Selector.ACTIVE_ITEM)) + const slideEvent = $.Event(Event.SLIDE, { + relatedTarget, + direction: eventDirectionName, + from: fromIndex, + to: targetIndex + }) + + $(this._element).trigger(slideEvent) + + return slideEvent + } + + _setActiveIndicatorElement(element) { + if (this._indicatorsElement) { + const indicators = [].slice.call(this._indicatorsElement.querySelectorAll(Selector.ACTIVE)) + $(indicators) + .removeClass(ClassName.ACTIVE) + + const nextIndicator = this._indicatorsElement.children[ + this._getItemIndex(element) + ] + + if (nextIndicator) { + $(nextIndicator).addClass(ClassName.ACTIVE) + } + } + } + + _slide(direction, element) { + const activeElement = this._element.querySelector(Selector.ACTIVE_ITEM) + const activeElementIndex = this._getItemIndex(activeElement) + const nextElement = element || activeElement && + this._getItemByDirection(direction, activeElement) + const nextElementIndex = this._getItemIndex(nextElement) + const isCycling = Boolean(this._interval) + + let directionalClassName + let orderClassName + let eventDirectionName + + if (direction === Direction.NEXT) { + directionalClassName = ClassName.LEFT + orderClassName = ClassName.NEXT + eventDirectionName = Direction.LEFT + } else { + directionalClassName = ClassName.RIGHT + orderClassName = ClassName.PREV + eventDirectionName = Direction.RIGHT + } + + if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) { + this._isSliding = false + return + } + + const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName) + if (slideEvent.isDefaultPrevented()) { + return + } + + if (!activeElement || !nextElement) { + // Some weirdness is happening, so we bail + return + } + + this._isSliding = true + + if (isCycling) { + this.pause() + } + + this._setActiveIndicatorElement(nextElement) + + const slidEvent = $.Event(Event.SLID, { + relatedTarget: nextElement, + direction: eventDirectionName, + from: activeElementIndex, + to: nextElementIndex + }) + + if ($(this._element).hasClass(ClassName.SLIDE)) { + $(nextElement).addClass(orderClassName) + + Util.reflow(nextElement) + + $(activeElement).addClass(directionalClassName) + $(nextElement).addClass(directionalClassName) + + const nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10) + if (nextElementInterval) { + this._config.defaultInterval = this._config.defaultInterval || this._config.interval + this._config.interval = nextElementInterval + } else { + this._config.interval = this._config.defaultInterval || this._config.interval + } + + const transitionDuration = Util.getTransitionDurationFromElement(activeElement) + + $(activeElement) + .one(Util.TRANSITION_END, () => { + $(nextElement) + .removeClass(`${directionalClassName} ${orderClassName}`) + .addClass(ClassName.ACTIVE) + + $(activeElement).removeClass(`${ClassName.ACTIVE} ${orderClassName} ${directionalClassName}`) + + this._isSliding = false + + setTimeout(() => $(this._element).trigger(slidEvent), 0) + }) + .emulateTransitionEnd(transitionDuration) + } else { + $(activeElement).removeClass(ClassName.ACTIVE) + $(nextElement).addClass(ClassName.ACTIVE) + + this._isSliding = false + $(this._element).trigger(slidEvent) + } + + if (isCycling) { + this.cycle() + } + } + + // Static + + static _jQueryInterface(config) { + return this.each(function () { + let data = $(this).data(DATA_KEY) + let _config = { + ...Default, + ...$(this).data() + } + + if (typeof config === 'object') { + _config = { + ..._config, + ...config + } + } + + const action = typeof config === 'string' ? config : _config.slide + + if (!data) { + data = new Carousel(this, _config) + $(this).data(DATA_KEY, data) + } + + if (typeof config === 'number') { + data.to(config) + } else if (typeof action === 'string') { + if (typeof data[action] === 'undefined') { + throw new TypeError(`No method named "${action}"`) + } + data[action]() + } else if (_config.interval && _config.ride) { + data.pause() + data.cycle() + } + }) + } + + static _dataApiClickHandler(event) { + const selector = Util.getSelectorFromElement(this) + + if (!selector) { + return + } + + const target = $(selector)[0] + + if (!target || !$(target).hasClass(ClassName.CAROUSEL)) { + return + } + + const config = { + ...$(target).data(), + ...$(this).data() + } + const slideIndex = this.getAttribute('data-slide-to') + + if (slideIndex) { + config.interval = false + } + + Carousel._jQueryInterface.call($(target), config) + + if (slideIndex) { + $(target).data(DATA_KEY).to(slideIndex) + } + + event.preventDefault() + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document) + .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler) + +$(window).on(Event.LOAD_DATA_API, () => { + const carousels = [].slice.call(document.querySelectorAll(Selector.DATA_RIDE)) + for (let i = 0, len = carousels.length; i < len; i++) { + const $carousel = $(carousels[i]) + Carousel._jQueryInterface.call($carousel, $carousel.data()) + } +}) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Carousel._jQueryInterface +$.fn[NAME].Constructor = Carousel +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Carousel._jQueryInterface +} + +export default Carousel diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/collapse.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/collapse.js new file mode 100644 index 000000000..8abab3f1d --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/collapse.js @@ -0,0 +1,402 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): collapse.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'collapse' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.collapse' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const Default = { + toggle : true, + parent : '' +} + +const DefaultType = { + toggle : 'boolean', + parent : '(string|element)' +} + +const Event = { + SHOW : `show${EVENT_KEY}`, + SHOWN : `shown${EVENT_KEY}`, + HIDE : `hide${EVENT_KEY}`, + HIDDEN : `hidden${EVENT_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + SHOW : 'show', + COLLAPSE : 'collapse', + COLLAPSING : 'collapsing', + COLLAPSED : 'collapsed' +} + +const Dimension = { + WIDTH : 'width', + HEIGHT : 'height' +} + +const Selector = { + ACTIVES : '.show, .collapsing', + DATA_TOGGLE : '[data-toggle="collapse"]' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Collapse { + constructor(element, config) { + this._isTransitioning = false + this._element = element + this._config = this._getConfig(config) + this._triggerArray = [].slice.call(document.querySelectorAll( + `[data-toggle="collapse"][href="#${element.id}"],` + + `[data-toggle="collapse"][data-target="#${element.id}"]` + )) + + const toggleList = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE)) + for (let i = 0, len = toggleList.length; i < len; i++) { + const elem = toggleList[i] + const selector = Util.getSelectorFromElement(elem) + const filterElement = [].slice.call(document.querySelectorAll(selector)) + .filter((foundElem) => foundElem === element) + + if (selector !== null && filterElement.length > 0) { + this._selector = selector + this._triggerArray.push(elem) + } + } + + this._parent = this._config.parent ? this._getParent() : null + + if (!this._config.parent) { + this._addAriaAndCollapsedClass(this._element, this._triggerArray) + } + + if (this._config.toggle) { + this.toggle() + } + } + + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + // Public + + toggle() { + if ($(this._element).hasClass(ClassName.SHOW)) { + this.hide() + } else { + this.show() + } + } + + show() { + if (this._isTransitioning || + $(this._element).hasClass(ClassName.SHOW)) { + return + } + + let actives + let activesData + + if (this._parent) { + actives = [].slice.call(this._parent.querySelectorAll(Selector.ACTIVES)) + .filter((elem) => { + if (typeof this._config.parent === 'string') { + return elem.getAttribute('data-parent') === this._config.parent + } + + return elem.classList.contains(ClassName.COLLAPSE) + }) + + if (actives.length === 0) { + actives = null + } + } + + if (actives) { + activesData = $(actives).not(this._selector).data(DATA_KEY) + if (activesData && activesData._isTransitioning) { + return + } + } + + const startEvent = $.Event(Event.SHOW) + $(this._element).trigger(startEvent) + if (startEvent.isDefaultPrevented()) { + return + } + + if (actives) { + Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide') + if (!activesData) { + $(actives).data(DATA_KEY, null) + } + } + + const dimension = this._getDimension() + + $(this._element) + .removeClass(ClassName.COLLAPSE) + .addClass(ClassName.COLLAPSING) + + this._element.style[dimension] = 0 + + if (this._triggerArray.length) { + $(this._triggerArray) + .removeClass(ClassName.COLLAPSED) + .attr('aria-expanded', true) + } + + this.setTransitioning(true) + + const complete = () => { + $(this._element) + .removeClass(ClassName.COLLAPSING) + .addClass(ClassName.COLLAPSE) + .addClass(ClassName.SHOW) + + this._element.style[dimension] = '' + + this.setTransitioning(false) + + $(this._element).trigger(Event.SHOWN) + } + + const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1) + const scrollSize = `scroll${capitalizedDimension}` + const transitionDuration = Util.getTransitionDurationFromElement(this._element) + + $(this._element) + .one(Util.TRANSITION_END, complete) + .emulateTransitionEnd(transitionDuration) + + this._element.style[dimension] = `${this._element[scrollSize]}px` + } + + hide() { + if (this._isTransitioning || + !$(this._element).hasClass(ClassName.SHOW)) { + return + } + + const startEvent = $.Event(Event.HIDE) + $(this._element).trigger(startEvent) + if (startEvent.isDefaultPrevented()) { + return + } + + const dimension = this._getDimension() + + this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px` + + Util.reflow(this._element) + + $(this._element) + .addClass(ClassName.COLLAPSING) + .removeClass(ClassName.COLLAPSE) + .removeClass(ClassName.SHOW) + + const triggerArrayLength = this._triggerArray.length + if (triggerArrayLength > 0) { + for (let i = 0; i < triggerArrayLength; i++) { + const trigger = this._triggerArray[i] + const selector = Util.getSelectorFromElement(trigger) + + if (selector !== null) { + const $elem = $([].slice.call(document.querySelectorAll(selector))) + if (!$elem.hasClass(ClassName.SHOW)) { + $(trigger).addClass(ClassName.COLLAPSED) + .attr('aria-expanded', false) + } + } + } + } + + this.setTransitioning(true) + + const complete = () => { + this.setTransitioning(false) + $(this._element) + .removeClass(ClassName.COLLAPSING) + .addClass(ClassName.COLLAPSE) + .trigger(Event.HIDDEN) + } + + this._element.style[dimension] = '' + const transitionDuration = Util.getTransitionDurationFromElement(this._element) + + $(this._element) + .one(Util.TRANSITION_END, complete) + .emulateTransitionEnd(transitionDuration) + } + + setTransitioning(isTransitioning) { + this._isTransitioning = isTransitioning + } + + dispose() { + $.removeData(this._element, DATA_KEY) + + this._config = null + this._parent = null + this._element = null + this._triggerArray = null + this._isTransitioning = null + } + + // Private + + _getConfig(config) { + config = { + ...Default, + ...config + } + config.toggle = Boolean(config.toggle) // Coerce string values + Util.typeCheckConfig(NAME, config, DefaultType) + return config + } + + _getDimension() { + const hasWidth = $(this._element).hasClass(Dimension.WIDTH) + return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT + } + + _getParent() { + let parent + + if (Util.isElement(this._config.parent)) { + parent = this._config.parent + + // It's a jQuery object + if (typeof this._config.parent.jquery !== 'undefined') { + parent = this._config.parent[0] + } + } else { + parent = document.querySelector(this._config.parent) + } + + const selector = + `[data-toggle="collapse"][data-parent="${this._config.parent}"]` + + const children = [].slice.call(parent.querySelectorAll(selector)) + $(children).each((i, element) => { + this._addAriaAndCollapsedClass( + Collapse._getTargetFromElement(element), + [element] + ) + }) + + return parent + } + + _addAriaAndCollapsedClass(element, triggerArray) { + const isOpen = $(element).hasClass(ClassName.SHOW) + + if (triggerArray.length) { + $(triggerArray) + .toggleClass(ClassName.COLLAPSED, !isOpen) + .attr('aria-expanded', isOpen) + } + } + + // Static + + static _getTargetFromElement(element) { + const selector = Util.getSelectorFromElement(element) + return selector ? document.querySelector(selector) : null + } + + static _jQueryInterface(config) { + return this.each(function () { + const $this = $(this) + let data = $this.data(DATA_KEY) + const _config = { + ...Default, + ...$this.data(), + ...typeof config === 'object' && config ? config : {} + } + + if (!data && _config.toggle && /show|hide/.test(config)) { + _config.toggle = false + } + + if (!data) { + data = new Collapse(this, _config) + $this.data(DATA_KEY, data) + } + + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`) + } + data[config]() + } + }) + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { + // preventDefault only for elements (which change the URL) not inside the collapsible element + if (event.currentTarget.tagName === 'A') { + event.preventDefault() + } + + const $trigger = $(this) + const selector = Util.getSelectorFromElement(this) + const selectors = [].slice.call(document.querySelectorAll(selector)) + + $(selectors).each(function () { + const $target = $(this) + const data = $target.data(DATA_KEY) + const config = data ? 'toggle' : $trigger.data() + Collapse._jQueryInterface.call($target, config) + }) +}) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Collapse._jQueryInterface +$.fn[NAME].Constructor = Collapse +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Collapse._jQueryInterface +} + +export default Collapse diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/dropdown.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/dropdown.js new file mode 100644 index 000000000..f907c0849 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/dropdown.js @@ -0,0 +1,548 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): dropdown.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Popper from 'popper.js' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'dropdown' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.dropdown' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] +const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key +const SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key +const TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key +const ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key +const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key +const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse) +const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`) + +const Event = { + HIDE : `hide${EVENT_KEY}`, + HIDDEN : `hidden${EVENT_KEY}`, + SHOW : `show${EVENT_KEY}`, + SHOWN : `shown${EVENT_KEY}`, + CLICK : `click${EVENT_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`, + KEYDOWN_DATA_API : `keydown${EVENT_KEY}${DATA_API_KEY}`, + KEYUP_DATA_API : `keyup${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + DISABLED : 'disabled', + SHOW : 'show', + DROPUP : 'dropup', + DROPRIGHT : 'dropright', + DROPLEFT : 'dropleft', + MENURIGHT : 'dropdown-menu-right', + MENULEFT : 'dropdown-menu-left', + POSITION_STATIC : 'position-static' +} + +const Selector = { + DATA_TOGGLE : '[data-toggle="dropdown"]', + FORM_CHILD : '.dropdown form', + MENU : '.dropdown-menu', + NAVBAR_NAV : '.navbar-nav', + VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)' +} + +const AttachmentMap = { + TOP : 'top-start', + TOPEND : 'top-end', + BOTTOM : 'bottom-start', + BOTTOMEND : 'bottom-end', + RIGHT : 'right-start', + RIGHTEND : 'right-end', + LEFT : 'left-start', + LEFTEND : 'left-end' +} + +const Default = { + offset : 0, + flip : true, + boundary : 'scrollParent', + reference : 'toggle', + display : 'dynamic', + popperConfig : null +} + +const DefaultType = { + offset : '(number|string|function)', + flip : 'boolean', + boundary : '(string|element)', + reference : '(string|element)', + display : 'string', + popperConfig : '(null|object)' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Dropdown { + constructor(element, config) { + this._element = element + this._popper = null + this._config = this._getConfig(config) + this._menu = this._getMenuElement() + this._inNavbar = this._detectNavbar() + + this._addEventListeners() + } + + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + static get DefaultType() { + return DefaultType + } + + // Public + + toggle() { + if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) { + return + } + + const isActive = $(this._menu).hasClass(ClassName.SHOW) + + Dropdown._clearMenus() + + if (isActive) { + return + } + + this.show(true) + } + + show(usePopper = false) { + if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED) || $(this._menu).hasClass(ClassName.SHOW)) { + return + } + + const relatedTarget = { + relatedTarget: this._element + } + const showEvent = $.Event(Event.SHOW, relatedTarget) + const parent = Dropdown._getParentFromElement(this._element) + + $(parent).trigger(showEvent) + + if (showEvent.isDefaultPrevented()) { + return + } + + // Disable totally Popper.js for Dropdown in Navbar + if (!this._inNavbar && usePopper) { + /** + * Check for Popper dependency + * Popper - https://popper.js.org + */ + if (typeof Popper === 'undefined') { + throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org/)') + } + + let referenceElement = this._element + + if (this._config.reference === 'parent') { + referenceElement = parent + } else if (Util.isElement(this._config.reference)) { + referenceElement = this._config.reference + + // Check if it's jQuery element + if (typeof this._config.reference.jquery !== 'undefined') { + referenceElement = this._config.reference[0] + } + } + + // If boundary is not `scrollParent`, then set position to `static` + // to allow the menu to "escape" the scroll parent's boundaries + // https://github.com/twbs/bootstrap/issues/24251 + if (this._config.boundary !== 'scrollParent') { + $(parent).addClass(ClassName.POSITION_STATIC) + } + this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig()) + } + + // If this is a touch-enabled device we add extra + // empty mouseover listeners to the body's immediate children; + // only needed because of broken event delegation on iOS + // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html + if ('ontouchstart' in document.documentElement && + $(parent).closest(Selector.NAVBAR_NAV).length === 0) { + $(document.body).children().on('mouseover', null, $.noop) + } + + this._element.focus() + this._element.setAttribute('aria-expanded', true) + + $(this._menu).toggleClass(ClassName.SHOW) + $(parent) + .toggleClass(ClassName.SHOW) + .trigger($.Event(Event.SHOWN, relatedTarget)) + } + + hide() { + if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED) || !$(this._menu).hasClass(ClassName.SHOW)) { + return + } + + const relatedTarget = { + relatedTarget: this._element + } + const hideEvent = $.Event(Event.HIDE, relatedTarget) + const parent = Dropdown._getParentFromElement(this._element) + + $(parent).trigger(hideEvent) + + if (hideEvent.isDefaultPrevented()) { + return + } + + if (this._popper) { + this._popper.destroy() + } + + $(this._menu).toggleClass(ClassName.SHOW) + $(parent) + .toggleClass(ClassName.SHOW) + .trigger($.Event(Event.HIDDEN, relatedTarget)) + } + + dispose() { + $.removeData(this._element, DATA_KEY) + $(this._element).off(EVENT_KEY) + this._element = null + this._menu = null + if (this._popper !== null) { + this._popper.destroy() + this._popper = null + } + } + + update() { + this._inNavbar = this._detectNavbar() + if (this._popper !== null) { + this._popper.scheduleUpdate() + } + } + + // Private + + _addEventListeners() { + $(this._element).on(Event.CLICK, (event) => { + event.preventDefault() + event.stopPropagation() + this.toggle() + }) + } + + _getConfig(config) { + config = { + ...this.constructor.Default, + ...$(this._element).data(), + ...config + } + + Util.typeCheckConfig( + NAME, + config, + this.constructor.DefaultType + ) + + return config + } + + _getMenuElement() { + if (!this._menu) { + const parent = Dropdown._getParentFromElement(this._element) + + if (parent) { + this._menu = parent.querySelector(Selector.MENU) + } + } + return this._menu + } + + _getPlacement() { + const $parentDropdown = $(this._element.parentNode) + let placement = AttachmentMap.BOTTOM + + // Handle dropup + if ($parentDropdown.hasClass(ClassName.DROPUP)) { + placement = AttachmentMap.TOP + if ($(this._menu).hasClass(ClassName.MENURIGHT)) { + placement = AttachmentMap.TOPEND + } + } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) { + placement = AttachmentMap.RIGHT + } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) { + placement = AttachmentMap.LEFT + } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) { + placement = AttachmentMap.BOTTOMEND + } + return placement + } + + _detectNavbar() { + return $(this._element).closest('.navbar').length > 0 + } + + _getOffset() { + const offset = {} + + if (typeof this._config.offset === 'function') { + offset.fn = (data) => { + data.offsets = { + ...data.offsets, + ...this._config.offset(data.offsets, this._element) || {} + } + + return data + } + } else { + offset.offset = this._config.offset + } + + return offset + } + + _getPopperConfig() { + const popperConfig = { + placement: this._getPlacement(), + modifiers: { + offset: this._getOffset(), + flip: { + enabled: this._config.flip + }, + preventOverflow: { + boundariesElement: this._config.boundary + } + } + } + + // Disable Popper.js if we have a static display + if (this._config.display === 'static') { + popperConfig.modifiers.applyStyle = { + enabled: false + } + } + + return { + ...popperConfig, + ...this._config.popperConfig + } + } + + // Static + + static _jQueryInterface(config) { + return this.each(function () { + let data = $(this).data(DATA_KEY) + const _config = typeof config === 'object' ? config : null + + if (!data) { + data = new Dropdown(this, _config) + $(this).data(DATA_KEY, data) + } + + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`) + } + data[config]() + } + }) + } + + static _clearMenus(event) { + if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || + event.type === 'keyup' && event.which !== TAB_KEYCODE)) { + return + } + + const toggles = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE)) + + for (let i = 0, len = toggles.length; i < len; i++) { + const parent = Dropdown._getParentFromElement(toggles[i]) + const context = $(toggles[i]).data(DATA_KEY) + const relatedTarget = { + relatedTarget: toggles[i] + } + + if (event && event.type === 'click') { + relatedTarget.clickEvent = event + } + + if (!context) { + continue + } + + const dropdownMenu = context._menu + if (!$(parent).hasClass(ClassName.SHOW)) { + continue + } + + if (event && (event.type === 'click' && + /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && + $.contains(parent, event.target)) { + continue + } + + const hideEvent = $.Event(Event.HIDE, relatedTarget) + $(parent).trigger(hideEvent) + if (hideEvent.isDefaultPrevented()) { + continue + } + + // If this is a touch-enabled device we remove the extra + // empty mouseover listeners we added for iOS support + if ('ontouchstart' in document.documentElement) { + $(document.body).children().off('mouseover', null, $.noop) + } + + toggles[i].setAttribute('aria-expanded', 'false') + + if (context._popper) { + context._popper.destroy() + } + + $(dropdownMenu).removeClass(ClassName.SHOW) + $(parent) + .removeClass(ClassName.SHOW) + .trigger($.Event(Event.HIDDEN, relatedTarget)) + } + } + + static _getParentFromElement(element) { + let parent + const selector = Util.getSelectorFromElement(element) + + if (selector) { + parent = document.querySelector(selector) + } + + return parent || element.parentNode + } + + // eslint-disable-next-line complexity + static _dataApiKeydownHandler(event) { + // If not input/textarea: + // - And not a key in REGEXP_KEYDOWN => not a dropdown command + // If input/textarea: + // - If space key => not a dropdown command + // - If key is other than escape + // - If key is not up or down => not a dropdown command + // - If trigger inside the menu => not a dropdown command + if (/input|textarea/i.test(event.target.tagName) + ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && + (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || + $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) { + return + } + + event.preventDefault() + event.stopPropagation() + + if (this.disabled || $(this).hasClass(ClassName.DISABLED)) { + return + } + + const parent = Dropdown._getParentFromElement(this) + const isActive = $(parent).hasClass(ClassName.SHOW) + + if (!isActive && event.which === ESCAPE_KEYCODE) { + return + } + + if (!isActive || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) { + if (event.which === ESCAPE_KEYCODE) { + const toggle = parent.querySelector(Selector.DATA_TOGGLE) + $(toggle).trigger('focus') + } + + $(this).trigger('click') + return + } + + const items = [].slice.call(parent.querySelectorAll(Selector.VISIBLE_ITEMS)) + .filter((item) => $(item).is(':visible')) + + if (items.length === 0) { + return + } + + let index = items.indexOf(event.target) + + if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up + index-- + } + + if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down + index++ + } + + if (index < 0) { + index = 0 + } + + items[index].focus() + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document) + .on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler) + .on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler) + .on(`${Event.CLICK_DATA_API} ${Event.KEYUP_DATA_API}`, Dropdown._clearMenus) + .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { + event.preventDefault() + event.stopPropagation() + Dropdown._jQueryInterface.call($(this), 'toggle') + }) + .on(Event.CLICK_DATA_API, Selector.FORM_CHILD, (e) => { + e.stopPropagation() + }) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Dropdown._jQueryInterface +$.fn[NAME].Constructor = Dropdown +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Dropdown._jQueryInterface +} + + +export default Dropdown diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/index.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/index.js new file mode 100644 index 000000000..dbba72db3 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/index.js @@ -0,0 +1,34 @@ +import Alert from './alert' +import Button from './button' +import Carousel from './carousel' +import Collapse from './collapse' +import Dropdown from './dropdown' +import Modal from './modal' +import Popover from './popover' +import Scrollspy from './scrollspy' +import Tab from './tab' +import Toast from './toast' +import Tooltip from './tooltip' +import Util from './util' + +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): index.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +export { + Util, + Alert, + Button, + Carousel, + Collapse, + Dropdown, + Modal, + Popover, + Scrollspy, + Tab, + Toast, + Tooltip +} diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/modal.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/modal.js new file mode 100644 index 000000000..ad925f6ff --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/modal.js @@ -0,0 +1,616 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): modal.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'modal' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.modal' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] +const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key + +const Default = { + backdrop : true, + keyboard : true, + focus : true, + show : true +} + +const DefaultType = { + backdrop : '(boolean|string)', + keyboard : 'boolean', + focus : 'boolean', + show : 'boolean' +} + +const Event = { + HIDE : `hide${EVENT_KEY}`, + HIDE_PREVENTED : `hidePrevented${EVENT_KEY}`, + HIDDEN : `hidden${EVENT_KEY}`, + SHOW : `show${EVENT_KEY}`, + SHOWN : `shown${EVENT_KEY}`, + FOCUSIN : `focusin${EVENT_KEY}`, + RESIZE : `resize${EVENT_KEY}`, + CLICK_DISMISS : `click.dismiss${EVENT_KEY}`, + KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`, + MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`, + MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + SCROLLABLE : 'modal-dialog-scrollable', + SCROLLBAR_MEASURER : 'modal-scrollbar-measure', + BACKDROP : 'modal-backdrop', + OPEN : 'modal-open', + FADE : 'fade', + SHOW : 'show', + STATIC : 'modal-static' +} + +const Selector = { + DIALOG : '.modal-dialog', + MODAL_BODY : '.modal-body', + DATA_TOGGLE : '[data-toggle="modal"]', + DATA_DISMISS : '[data-dismiss="modal"]', + FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', + STICKY_CONTENT : '.sticky-top' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Modal { + constructor(element, config) { + this._config = this._getConfig(config) + this._element = element + this._dialog = element.querySelector(Selector.DIALOG) + this._backdrop = null + this._isShown = false + this._isBodyOverflowing = false + this._ignoreBackdropClick = false + this._isTransitioning = false + this._scrollbarWidth = 0 + } + + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + // Public + + toggle(relatedTarget) { + return this._isShown ? this.hide() : this.show(relatedTarget) + } + + show(relatedTarget) { + if (this._isShown || this._isTransitioning) { + return + } + + if ($(this._element).hasClass(ClassName.FADE)) { + this._isTransitioning = true + } + + const showEvent = $.Event(Event.SHOW, { + relatedTarget + }) + + $(this._element).trigger(showEvent) + + if (this._isShown || showEvent.isDefaultPrevented()) { + return + } + + this._isShown = true + + this._checkScrollbar() + this._setScrollbar() + + this._adjustDialog() + + this._setEscapeEvent() + this._setResizeEvent() + + $(this._element).on( + Event.CLICK_DISMISS, + Selector.DATA_DISMISS, + (event) => this.hide(event) + ) + + $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => { + $(this._element).one(Event.MOUSEUP_DISMISS, (event) => { + if ($(event.target).is(this._element)) { + this._ignoreBackdropClick = true + } + }) + }) + + this._showBackdrop(() => this._showElement(relatedTarget)) + } + + hide(event) { + if (event) { + event.preventDefault() + } + + if (!this._isShown || this._isTransitioning) { + return + } + + const hideEvent = $.Event(Event.HIDE) + + $(this._element).trigger(hideEvent) + + if (!this._isShown || hideEvent.isDefaultPrevented()) { + return + } + + this._isShown = false + const transition = $(this._element).hasClass(ClassName.FADE) + + if (transition) { + this._isTransitioning = true + } + + this._setEscapeEvent() + this._setResizeEvent() + + $(document).off(Event.FOCUSIN) + + $(this._element).removeClass(ClassName.SHOW) + + $(this._element).off(Event.CLICK_DISMISS) + $(this._dialog).off(Event.MOUSEDOWN_DISMISS) + + + if (transition) { + const transitionDuration = Util.getTransitionDurationFromElement(this._element) + + $(this._element) + .one(Util.TRANSITION_END, (event) => this._hideModal(event)) + .emulateTransitionEnd(transitionDuration) + } else { + this._hideModal() + } + } + + dispose() { + [window, this._element, this._dialog] + .forEach((htmlElement) => $(htmlElement).off(EVENT_KEY)) + + /** + * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API` + * Do not move `document` in `htmlElements` array + * It will remove `Event.CLICK_DATA_API` event that should remain + */ + $(document).off(Event.FOCUSIN) + + $.removeData(this._element, DATA_KEY) + + this._config = null + this._element = null + this._dialog = null + this._backdrop = null + this._isShown = null + this._isBodyOverflowing = null + this._ignoreBackdropClick = null + this._isTransitioning = null + this._scrollbarWidth = null + } + + handleUpdate() { + this._adjustDialog() + } + + // Private + + _getConfig(config) { + config = { + ...Default, + ...config + } + Util.typeCheckConfig(NAME, config, DefaultType) + return config + } + + _triggerBackdropTransition() { + if (this._config.backdrop === 'static') { + const hideEventPrevented = $.Event(Event.HIDE_PREVENTED) + + $(this._element).trigger(hideEventPrevented) + if (hideEventPrevented.defaultPrevented) { + return + } + + this._element.classList.add(ClassName.STATIC) + + const modalTransitionDuration = Util.getTransitionDurationFromElement(this._element) + + $(this._element).one(Util.TRANSITION_END, () => { + this._element.classList.remove(ClassName.STATIC) + }) + .emulateTransitionEnd(modalTransitionDuration) + this._element.focus() + } else { + this.hide() + } + } + + _showElement(relatedTarget) { + const transition = $(this._element).hasClass(ClassName.FADE) + const modalBody = this._dialog ? this._dialog.querySelector(Selector.MODAL_BODY) : null + + if (!this._element.parentNode || + this._element.parentNode.nodeType !== Node.ELEMENT_NODE) { + // Don't move modal's DOM position + document.body.appendChild(this._element) + } + + this._element.style.display = 'block' + this._element.removeAttribute('aria-hidden') + this._element.setAttribute('aria-modal', true) + + if ($(this._dialog).hasClass(ClassName.SCROLLABLE) && modalBody) { + modalBody.scrollTop = 0 + } else { + this._element.scrollTop = 0 + } + + if (transition) { + Util.reflow(this._element) + } + + $(this._element).addClass(ClassName.SHOW) + + if (this._config.focus) { + this._enforceFocus() + } + + const shownEvent = $.Event(Event.SHOWN, { + relatedTarget + }) + + const transitionComplete = () => { + if (this._config.focus) { + this._element.focus() + } + this._isTransitioning = false + $(this._element).trigger(shownEvent) + } + + if (transition) { + const transitionDuration = Util.getTransitionDurationFromElement(this._dialog) + + $(this._dialog) + .one(Util.TRANSITION_END, transitionComplete) + .emulateTransitionEnd(transitionDuration) + } else { + transitionComplete() + } + } + + _enforceFocus() { + $(document) + .off(Event.FOCUSIN) // Guard against infinite focus loop + .on(Event.FOCUSIN, (event) => { + if (document !== event.target && + this._element !== event.target && + $(this._element).has(event.target).length === 0) { + this._element.focus() + } + }) + } + + _setEscapeEvent() { + if (this._isShown && this._config.keyboard) { + $(this._element).on(Event.KEYDOWN_DISMISS, (event) => { + if (event.which === ESCAPE_KEYCODE) { + this._triggerBackdropTransition() + } + }) + } else if (!this._isShown) { + $(this._element).off(Event.KEYDOWN_DISMISS) + } + } + + _setResizeEvent() { + if (this._isShown) { + $(window).on(Event.RESIZE, (event) => this.handleUpdate(event)) + } else { + $(window).off(Event.RESIZE) + } + } + + _hideModal() { + this._element.style.display = 'none' + this._element.setAttribute('aria-hidden', true) + this._element.removeAttribute('aria-modal') + this._isTransitioning = false + this._showBackdrop(() => { + $(document.body).removeClass(ClassName.OPEN) + this._resetAdjustments() + this._resetScrollbar() + $(this._element).trigger(Event.HIDDEN) + }) + } + + _removeBackdrop() { + if (this._backdrop) { + $(this._backdrop).remove() + this._backdrop = null + } + } + + _showBackdrop(callback) { + const animate = $(this._element).hasClass(ClassName.FADE) + ? ClassName.FADE : '' + + if (this._isShown && this._config.backdrop) { + this._backdrop = document.createElement('div') + this._backdrop.className = ClassName.BACKDROP + + if (animate) { + this._backdrop.classList.add(animate) + } + + $(this._backdrop).appendTo(document.body) + + $(this._element).on(Event.CLICK_DISMISS, (event) => { + if (this._ignoreBackdropClick) { + this._ignoreBackdropClick = false + return + } + if (event.target !== event.currentTarget) { + return + } + + this._triggerBackdropTransition() + }) + + if (animate) { + Util.reflow(this._backdrop) + } + + $(this._backdrop).addClass(ClassName.SHOW) + + if (!callback) { + return + } + + if (!animate) { + callback() + return + } + + const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop) + + $(this._backdrop) + .one(Util.TRANSITION_END, callback) + .emulateTransitionEnd(backdropTransitionDuration) + } else if (!this._isShown && this._backdrop) { + $(this._backdrop).removeClass(ClassName.SHOW) + + const callbackRemove = () => { + this._removeBackdrop() + if (callback) { + callback() + } + } + + if ($(this._element).hasClass(ClassName.FADE)) { + const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop) + + $(this._backdrop) + .one(Util.TRANSITION_END, callbackRemove) + .emulateTransitionEnd(backdropTransitionDuration) + } else { + callbackRemove() + } + } else if (callback) { + callback() + } + } + + // ---------------------------------------------------------------------- + // the following methods are used to handle overflowing modals + // todo (fat): these should probably be refactored out of modal.js + // ---------------------------------------------------------------------- + + _adjustDialog() { + const isModalOverflowing = + this._element.scrollHeight > document.documentElement.clientHeight + + if (!this._isBodyOverflowing && isModalOverflowing) { + this._element.style.paddingLeft = `${this._scrollbarWidth}px` + } + + if (this._isBodyOverflowing && !isModalOverflowing) { + this._element.style.paddingRight = `${this._scrollbarWidth}px` + } + } + + _resetAdjustments() { + this._element.style.paddingLeft = '' + this._element.style.paddingRight = '' + } + + _checkScrollbar() { + const rect = document.body.getBoundingClientRect() + this._isBodyOverflowing = rect.left + rect.right < window.innerWidth + this._scrollbarWidth = this._getScrollbarWidth() + } + + _setScrollbar() { + if (this._isBodyOverflowing) { + // Note: DOMNode.style.paddingRight returns the actual value or '' if not set + // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set + const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT)) + const stickyContent = [].slice.call(document.querySelectorAll(Selector.STICKY_CONTENT)) + + // Adjust fixed content padding + $(fixedContent).each((index, element) => { + const actualPadding = element.style.paddingRight + const calculatedPadding = $(element).css('padding-right') + $(element) + .data('padding-right', actualPadding) + .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`) + }) + + // Adjust sticky content margin + $(stickyContent).each((index, element) => { + const actualMargin = element.style.marginRight + const calculatedMargin = $(element).css('margin-right') + $(element) + .data('margin-right', actualMargin) + .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`) + }) + + // Adjust body padding + const actualPadding = document.body.style.paddingRight + const calculatedPadding = $(document.body).css('padding-right') + $(document.body) + .data('padding-right', actualPadding) + .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`) + } + + $(document.body).addClass(ClassName.OPEN) + } + + _resetScrollbar() { + // Restore fixed content padding + const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT)) + $(fixedContent).each((index, element) => { + const padding = $(element).data('padding-right') + $(element).removeData('padding-right') + element.style.paddingRight = padding ? padding : '' + }) + + // Restore sticky content + const elements = [].slice.call(document.querySelectorAll(`${Selector.STICKY_CONTENT}`)) + $(elements).each((index, element) => { + const margin = $(element).data('margin-right') + if (typeof margin !== 'undefined') { + $(element).css('margin-right', margin).removeData('margin-right') + } + }) + + // Restore body padding + const padding = $(document.body).data('padding-right') + $(document.body).removeData('padding-right') + document.body.style.paddingRight = padding ? padding : '' + } + + _getScrollbarWidth() { // thx d.walsh + const scrollDiv = document.createElement('div') + scrollDiv.className = ClassName.SCROLLBAR_MEASURER + document.body.appendChild(scrollDiv) + const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth + document.body.removeChild(scrollDiv) + return scrollbarWidth + } + + // Static + + static _jQueryInterface(config, relatedTarget) { + return this.each(function () { + let data = $(this).data(DATA_KEY) + const _config = { + ...Default, + ...$(this).data(), + ...typeof config === 'object' && config ? config : {} + } + + if (!data) { + data = new Modal(this, _config) + $(this).data(DATA_KEY, data) + } + + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`) + } + data[config](relatedTarget) + } else if (_config.show) { + data.show(relatedTarget) + } + }) + } +} + +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ + +$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { + let target + const selector = Util.getSelectorFromElement(this) + + if (selector) { + target = document.querySelector(selector) + } + + const config = $(target).data(DATA_KEY) + ? 'toggle' : { + ...$(target).data(), + ...$(this).data() + } + + if (this.tagName === 'A' || this.tagName === 'AREA') { + event.preventDefault() + } + + const $target = $(target).one(Event.SHOW, (showEvent) => { + if (showEvent.isDefaultPrevented()) { + // Only register focus restorer if modal will actually get shown + return + } + + $target.one(Event.HIDDEN, () => { + if ($(this).is(':visible')) { + this.focus() + } + }) + }) + + Modal._jQueryInterface.call($(target), config, this) +}) + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Modal._jQueryInterface +$.fn[NAME].Constructor = Modal +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Modal._jQueryInterface +} + +export default Modal diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/popover.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/popover.js new file mode 100644 index 000000000..570dba991 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/popover.js @@ -0,0 +1,184 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): popover.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Tooltip from './tooltip' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'popover' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.popover' +const EVENT_KEY = `.${DATA_KEY}` +const JQUERY_NO_CONFLICT = $.fn[NAME] +const CLASS_PREFIX = 'bs-popover' +const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g') + +const Default = { + ...Tooltip.Default, + placement : 'right', + trigger : 'click', + content : '', + template : '' +} + +const DefaultType = { + ...Tooltip.DefaultType, + content : '(string|element|function)' +} + +const ClassName = { + FADE : 'fade', + SHOW : 'show' +} + +const Selector = { + TITLE : '.popover-header', + CONTENT : '.popover-body' +} + +const Event = { + HIDE : `hide${EVENT_KEY}`, + HIDDEN : `hidden${EVENT_KEY}`, + SHOW : `show${EVENT_KEY}`, + SHOWN : `shown${EVENT_KEY}`, + INSERTED : `inserted${EVENT_KEY}`, + CLICK : `click${EVENT_KEY}`, + FOCUSIN : `focusin${EVENT_KEY}`, + FOCUSOUT : `focusout${EVENT_KEY}`, + MOUSEENTER : `mouseenter${EVENT_KEY}`, + MOUSELEAVE : `mouseleave${EVENT_KEY}` +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Popover extends Tooltip { + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + static get NAME() { + return NAME + } + + static get DATA_KEY() { + return DATA_KEY + } + + static get Event() { + return Event + } + + static get EVENT_KEY() { + return EVENT_KEY + } + + static get DefaultType() { + return DefaultType + } + + // Overrides + + isWithContent() { + return this.getTitle() || this._getContent() + } + + addAttachmentClass(attachment) { + $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`) + } + + getTipElement() { + this.tip = this.tip || $(this.config.template)[0] + return this.tip + } + + setContent() { + const $tip = $(this.getTipElement()) + + // We use append for html objects to maintain js events + this.setElementContent($tip.find(Selector.TITLE), this.getTitle()) + let content = this._getContent() + if (typeof content === 'function') { + content = content.call(this.element) + } + this.setElementContent($tip.find(Selector.CONTENT), content) + + $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`) + } + + // Private + + _getContent() { + return this.element.getAttribute('data-content') || + this.config.content + } + + _cleanTipClass() { + const $tip = $(this.getTipElement()) + const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX) + if (tabClass !== null && tabClass.length > 0) { + $tip.removeClass(tabClass.join('')) + } + } + + // Static + + static _jQueryInterface(config) { + return this.each(function () { + let data = $(this).data(DATA_KEY) + const _config = typeof config === 'object' ? config : null + + if (!data && /dispose|hide/.test(config)) { + return + } + + if (!data) { + data = new Popover(this, _config) + $(this).data(DATA_KEY, data) + } + + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`) + } + data[config]() + } + }) + } +} + +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + +$.fn[NAME] = Popover._jQueryInterface +$.fn[NAME].Constructor = Popover +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Popover._jQueryInterface +} + +export default Popover diff --git a/ruqqus/assets/style/node_modules/bootstrap/js/src/scrollspy.js b/ruqqus/assets/style/node_modules/bootstrap/js/src/scrollspy.js new file mode 100644 index 000000000..e9b6c8cd2 --- /dev/null +++ b/ruqqus/assets/style/node_modules/bootstrap/js/src/scrollspy.js @@ -0,0 +1,326 @@ +/** + * -------------------------------------------------------------------------- + * Bootstrap (v4.4.1): scrollspy.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * -------------------------------------------------------------------------- + */ + +import $ from 'jquery' +import Util from './util' + +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'scrollspy' +const VERSION = '4.4.1' +const DATA_KEY = 'bs.scrollspy' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const Default = { + offset : 10, + method : 'auto', + target : '' +} + +const DefaultType = { + offset : 'number', + method : 'string', + target : '(string|element)' +} + +const Event = { + ACTIVATE : `activate${EVENT_KEY}`, + SCROLL : `scroll${EVENT_KEY}`, + LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + DROPDOWN_ITEM : 'dropdown-item', + DROPDOWN_MENU : 'dropdown-menu', + ACTIVE : 'active' +} + +const Selector = { + DATA_SPY : '[data-spy="scroll"]', + ACTIVE : '.active', + NAV_LIST_GROUP : '.nav, .list-group', + NAV_LINKS : '.nav-link', + NAV_ITEMS : '.nav-item', + LIST_ITEMS : '.list-group-item', + DROPDOWN : '.dropdown', + DROPDOWN_ITEMS : '.dropdown-item', + DROPDOWN_TOGGLE : '.dropdown-toggle' +} + +const OffsetMethod = { + OFFSET : 'offset', + POSITION : 'position' +} + +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class ScrollSpy { + constructor(element, config) { + this._element = element + this._scrollElement = element.tagName === 'BODY' ? window : element + this._config = this._getConfig(config) + this._selector = `${this._config.target} ${Selector.NAV_LINKS},` + + `${this._config.target} ${Selector.LIST_ITEMS},` + + `${this._config.target} ${Selector.DROPDOWN_ITEMS}` + this._offsets = [] + this._targets = [] + this._activeTarget = null + this._scrollHeight = 0 + + $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event)) + + this.refresh() + this._process() + } + + // Getters + + static get VERSION() { + return VERSION + } + + static get Default() { + return Default + } + + // Public + + refresh() { + const autoMethod = this._scrollElement === this._scrollElement.window + ? OffsetMethod.OFFSET : OffsetMethod.POSITION + + const offsetMethod = this._config.method === 'auto' + ? autoMethod : this._config.method + + const offsetBase = offsetMethod === OffsetMethod.POSITION + ? this._getScrollTop() : 0 + + this._offsets = [] + this._targets = [] + + this._scrollHeight = this._getScrollHeight() + + const targets = [].slice.call(document.querySelectorAll(this._selector)) + + targets + .map((element) => { + let target + const targetSelector = Util.getSelectorFromElement(element) + + if (targetSelector) { + target = document.querySelector(targetSelector) + } + + if (target) { + const targetBCR = target.getBoundingClientRect() + if (targetBCR.width || targetBCR.height) { + // TODO (fat): remove sketch reliance on jQuery position/offset + return [ + $(target)[offsetMethod]().top + offsetBase, + targetSelector + ] + } + } + return null + }) + .filter((item) => item) + .sort((a, b) => a[0] - b[0]) + .forEach((item) => { + this._offsets.push(item[0]) + this._targets.push(item[1]) + }) + } + + dispose() { + $.removeData(this._element, DATA_KEY) + $(this._scrollElement).off(EVENT_KEY) + + this._element = null + this._scrollElement = null + this._config = null + this._selector = null + this._offsets = null + this._targets = null + this._activeTarget = null + this._scrollHeight = null + } + + // Private + + _getConfig(config) { + config = { + ...Default, + ...typeof config === 'object' && config ? config : {} + } + + if (typeof config.target !== 'string') { + let id = $(config.target).attr('id') + if (!id) { + id = Util.getUID(NAME) + $(config.target).attr('id', id) + } + config.target = `#${id}` + } + + Util.typeCheckConfig(NAME, config, DefaultType) + + return config + } + + _getScrollTop() { + return this._scrollElement === window + ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop + } + + _getScrollHeight() { + return this._scrollElement.scrollHeight || Math.max( + document.body.scrollHeight, + document.documentElement.scrollHeight + ) + } + + _getOffsetHeight() { + return this._scrollElement === window + ? window.innerHeight : this._scrollElement.getBoundingClientRect().height + } + + _process() { + const scrollTop = this._getScrollTop() + this._config.offset + const scrollHeight = this._getScrollHeight() + const maxScroll = this._config.offset + + scrollHeight - + this._getOffsetHeight() + + if (this._scrollHeight !== scrollHeight) { + this.refresh() + } + + if (scrollTop >= maxScroll) { + const target = this._targets[this._targets.length - 1] + + if (this._activeTarget !== target) { + this._activate(target) + } + return + } + + if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) { + this._activeTarget = null + this._clear() + return + } + + const offsetLength = this._offsets.length + for (let i = offsetLength; i--;) { + const isActiveTarget = this._activeTarget !== this._targets[i] && + scrollTop >= this._offsets[i] && + (typeof this._offsets[i + 1] === 'undefined' || + scrollTop < this._offsets[i + 1]) + + if (isActiveTarget) { + this._activate(this._targets[i]) + } + } + } + + _activate(target) { + this._activeTarget = target + + this._clear() + + const queries = this._selector + .split(',') + .map((selector) => `${selector}[data-target="${target}"],${selector}[href="${target}"]`) + + const $link = $([].slice.call(document.querySelectorAll(queries.join(',')))) + + if ($link.hasClass(ClassName.DROPDOWN_ITEM)) { + $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE) + $link.addClass(ClassName.ACTIVE) + } else { + // Set triggered link as active + $link.addClass(ClassName.ACTIVE) + // Set triggered links parents as active + // With both
+ {% else %} + + {% endif %} + + + \ No newline at end of file diff --git a/ruqqus/templates/admin/admin_home.html b/ruqqus/templates/admin/admin_home.html new file mode 100644 index 000000000..2a16d5510 --- /dev/null +++ b/ruqqus/templates/admin/admin_home.html @@ -0,0 +1,40 @@ +{% extends "default.html" %} + +{% block sidebarblock %}{% endblock %} +{% block sidebarLeftblock %}{% endblock %} + +{% block title %} +Drama + +{% endblock %} + +{% block content %} +

+

+
 Admin Tools

+{% filter markdown %}
+* [Advanced Stats](/api/user_stat_data)
+* [Ban Domain](/admin/domain/enter%20domain%20here)
+* [Shadowbanned Users](/admin/shadowbanned)
+* [Users with Agendaposter Theme](/admin/agendaposters)
+* [Flagged Posts](/admin/flagged/posts)
+* [Flagged Comments](/admin/flagged/comments)
+* [Image Posts](/admin/image_posts)
+* [Removed Posts](/admin/removed)
+* [Users Feed](/admin/users)
+* [Remove image from imgur and from cloudflare cache](/admin/image_purge)
+* [Perceptive Hash Image Ban](/admin/image_ban)
+* [Multi Vote Analysis](/admin/alt_votes)
+* [App Queue](/admin/apps)
+* [App Data](/admin/appdata)
+* [Badges](/admin/badge_grant)
+* [Content Stats](/admin/content_stats)
+
+{% endfilter %}
+
+

+	
+	
+

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/alt_votes.html b/ruqqus/templates/admin/alt_votes.html
new file mode 100644
index 000000000..9cdce00f8
--- /dev/null
+++ b/ruqqus/templates/admin/alt_votes.html
@@ -0,0 +1,94 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+

+
Vote Info

+
+

+	
+	
+	
+	
+

+
+{% if u1 and u2 %}
+
+
+
Analysis

+
+
{{u1.username}} Creation IP: {{u1.creation_ip}}

+
{{u2.username}} Creation IP: {{u2.creation_ip}}

+
+
+
+
+	
+		
+			
+			
+			
+			
+		
+	
+
+	
+		
+		
+		
+		
+	
+	
+		
+		
+		
+		
+	
+	
+		
+		
+		
+		
+	
+	
+		
+		
+		
+		
+	
+
@{{u1.username}} only(% unique)Both@{{u2.username}} only (% unique)
Post Upvotes{{data['u1_only_post_ups']}} ({{data['u1_post_ups_unique']}}%){{data['both_post_ups']}}{{data['u2_only_post_ups']}} ({{data['u2_post_ups_unique']}}%)
Post Downvotes{{data['u1_only_post_downs']}} ({{data['u1_post_downs_unique']}}%){{data['both_post_downs']}}{{data['u2_only_post_downs']}} ({{data['u2_post_downs_unique']}}%)
Comment Upvotes{{data['u1_only_comment_ups']}} ({{data['u1_comment_ups_unique']}}%){{data['both_comment_ups']}}{{data['u2_only_comment_ups']}} ({{data['u2_comment_ups_unique']}}%)
Comment Downvotes{{data['u1_only_comment_downs']}} ({{data['u1_comment_downs_unique']}}%){{data['both_comment_downs']}}{{data['u2_only_comment_downs']}} ({{data['u2_comment_downs_unique']}}%)

+
+
Link Accounts

+
+{% if u2 in u1.alts %}
+
Accounts are known alts of eachother.

+{% else %}
+
+
Two accounts controlled by different people should have most uniqueness percentages at or above 70-80%

+
A sockpuppet account will have its uniqueness percentages significantly lower.

+
+Link Accounts
+

+	
+	
+	
+	
+

+
+{% endif %}
+
+{% endif %}
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/app.html b/ruqqus/templates/admin/app.html
new file mode 100644
index 000000000..e2b3be60f
--- /dev/null
+++ b/ruqqus/templates/admin/app.html
@@ -0,0 +1,76 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+API App Administration
+
+{% endblock %}
+
+{% block content %}
+
+

+	

+		

+
+

+	

+			

+						
+				

+				

+			
+			
+			
+			
+			
+
+
+			
+			
+			
+			
+		

+	

+	

+		

+			{% if not app.client_secret%}
+
+			Approve
+			Reject 
+
+			{% else %}
+
+			Revoke
+			{% endif %}
+		

+	

+

+
+

+
+{% if listing %}
+		{% include "submission_listing.html" %}
+{% elif comments %}
+		{% include "comments.html" %}
+{% endif %}
+
+

+

+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/app_data.html b/ruqqus/templates/admin/app_data.html
new file mode 100644
index 000000000..8a72acabb
--- /dev/null
+++ b/ruqqus/templates/admin/app_data.html
@@ -0,0 +1,79 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+

+
App Info

+
+

+	
+	
+	
+

+
+{% if thing %}
+
+
Info

+
{{thing.permalink}}

+
+
+
Author: @{{thing.author.username}}

+
+{% if thing.oauth_app %}
+
+
+

+	

+			

+						
+				

+				

+			
+			
+
+			
+			
+
+			
+			
+			
+			
+		

+	

+	

+		

+			{% if not thing.oauth_app.client_secret %}
+
+			Approve
+			Reject 
+
+			{% else %}
+
+			Revoke
+
+			{% endif %}
+		

+	

+

+
+
+
+{% endif %}
+
+
+
+{% endif %}
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/apps.html b/ruqqus/templates/admin/apps.html
new file mode 100644
index 000000000..96aff06ba
--- /dev/null
+++ b/ruqqus/templates/admin/apps.html
@@ -0,0 +1,76 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+API App Administration
+
+{% endblock %}
+
+{% block content %}
+
+

+	

+		

+{% for app in apps %}
+

+	

+			

+						
+				

+				

+			
+			
+
+			
+			
+
+			{% if app.client_secret %}
+			
+			
+			{% endif %}
+
+
+			
+			
+			
+			
+		

+	

+	

+		

+			{% if not app.client_secret %}
+
+			Approve
+			Reject 
+
+			{% else %}
+
+			Revoke
+
+			{% endif %}
+		

+	

+

+{% endfor %}
+
+

+

+

+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/badge_grant.html b/ruqqus/templates/admin/badge_grant.html
new file mode 100644
index 000000000..0e6ae8dcd
--- /dev/null
+++ b/ruqqus/templates/admin/badge_grant.html
@@ -0,0 +1,76 @@
+{% extends "default.html" %}
+
+{% block title %}
+Badge Grant
+{% endblock %}
+
+{% block pagetype %}message{% endblock %}
+
+{% block sidebarblock %}{% endblock %}
+
+{% block content %}
+
+		{% if error %}
+		
+		{% endif %}
+		{% if msg %}
+		
+		{% endif %}
+
+

+

+
Badge Grant

+
+

+
+
+
+

+
+
+
+
+		
+			
+			
+			
+			
+		
+	
+	
+{% for badge in badge_types %}
+
+	
+	
+	
+	
+
+{% endfor %}
+
SelectImageNameDefault Description
{{badge.name}}{{badge.description}}

+
+

+
+
+

+
+
+
+
+

+{% endblock %}
diff --git a/ruqqus/templates/admin/cache.html b/ruqqus/templates/admin/cache.html
new file mode 100644
index 000000000..7ba222c17
--- /dev/null
+++ b/ruqqus/templates/admin/cache.html
@@ -0,0 +1,27 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+

+

+
Cache Dump

+Clear internal cache
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/content_stats.html b/ruqqus/templates/admin/content_stats.html
new file mode 100644
index 000000000..8d1e6253e
--- /dev/null
+++ b/ruqqus/templates/admin/content_stats.html
@@ -0,0 +1,28 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+

+
+
+	
+		
+		
+	
+
+{% for entry in data %}
+	
+		
+		
+	
+{% endfor %}
+
StatisticValue
{{entry}}{{data[entry]}}

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/flagged_comments.html b/ruqqus/templates/admin/flagged_comments.html
new file mode 100644
index 000000000..e6ebef5e4
--- /dev/null
+++ b/ruqqus/templates/admin/flagged_comments.html
@@ -0,0 +1,24 @@
+{% extends "admin/flagged_posts.html" %}
+
+
+
+{% block listing %}
+
+
+		

+			{% with comments=listing %}
+				{% include "comments.html" %}
+			{% endwith %}
+			{% if not listing %}
+			
	 
+				
			
+					

+						
There are no comments here (yet).

+					
			 
+				
	
+			

+				{% endif %}
+		

+
+{% endblock %}
+
diff --git a/ruqqus/templates/admin/flagged_posts.html b/ruqqus/templates/admin/flagged_posts.html
new file mode 100644
index 000000000..ef9cccba8
--- /dev/null
+++ b/ruqqus/templates/admin/flagged_posts.html
@@ -0,0 +1,115 @@
+{% extends "userpage.html" %}
+
+{% block adminpanel %}{% endblock %}
+{% block pagetype %}userpage{% endblock %}
+{% block banner %}{% endblock %}
+{% block mobileBanner %}{% endblock %}
+{% block desktopBanner %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+{% block desktopUserBanner %}{% endblock %}
+{% block mobileUserBanner %}{% endblock %}
+
+{% block adminscripts %}
+
+{% endblock %}
+
+
+	{% block postNav %}
+	

+		

+			

+				

+					

+						

+							

+								
+							

+						

+					

+				

+			

+		

+	

+	{% endblock %}
+
+
+{% block enlargeThumbJS %}
+
+{% endblock %}
+
+{% block fixedMobileBarJS %}
+
+{% endblock %}
+
+{% block title %}
+Flagged Posts
+
+{% endblock %}
+
+{% block content %}
+
+
+

+
+	

+
+	{% block listing %}
+		

+			{% include "submission_listing.html" %}
+		

+	{% endblock %}
+	

+

+{% endblock %}
+
+{% block pagenav %}
+
+{% endblock %}
diff --git a/ruqqus/templates/admin/image_ban.html b/ruqqus/templates/admin/image_ban.html
new file mode 100644
index 000000000..e9c0b8fcf
--- /dev/null
+++ b/ruqqus/templates/admin/image_ban.html
@@ -0,0 +1,45 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Image Ban
+
+{% endblock %}
+
+{% block content %}
+
+{% if existing %}
+
Image already banned for: {{existing.ban_reason}}

+{% elif success %}
+
Image banned.

+{% endif %}
+
+
+
+
+
+

+
Perceptive Hash Image Ban

+
Upload an image to add its hash to the ban list.

+
+

+	
+	
+	
+	
+	
+	
+	Enter the number of days to ban a user who attempts to upload this image
+	
+	
+

+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/image_posts.html b/ruqqus/templates/admin/image_posts.html
new file mode 100644
index 000000000..32cd60a91
--- /dev/null
+++ b/ruqqus/templates/admin/image_posts.html
@@ -0,0 +1,105 @@
+{% extends "userpage.html" %}
+
+{% block adminpanel %}{% endblock %}
+{% block pagetype %}userpage{% endblock %}
+{% block banner %}{% endblock %}
+{% block mobileBanner %}{% endblock %}
+{% block desktopBanner %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+{% block desktopUserBanner %}{% endblock %}
+{% block mobileUserBanner %}{% endblock %}
+
+{% block adminscripts %}
+
+{% endblock %}
+
+
+{% block postNav %}{% endblock %}
+
+
+{% block enlargeThumbJS %}
+
+{% endblock %}
+
+{% block fixedMobileBarJS %}
+
+{% endblock %}
+
+{% block title %}
+Image feed
+
+{% endblock %}
+
+
+{% block sidebarblock %}
+

+

+

+	

+		
+		
+		
+		
+		

+		
Image Posts

+
+

+

+{% endblock %}
+
+{% block content %}
+
+
+

+
+	

+
+	{% block listing %}
+		

+			{% include "submission_listing.html" %}
+		

+	{% endblock %}
+	

+

+{% endblock %}
+
+{% block pagenav %}
+
+{% endblock %}
diff --git a/ruqqus/templates/admin/image_purge.html b/ruqqus/templates/admin/image_purge.html
new file mode 100644
index 000000000..557e76eae
--- /dev/null
+++ b/ruqqus/templates/admin/image_purge.html
@@ -0,0 +1,22 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Purge Image
+
+{% endblock %}
+
+{% block content %}
+
Imgur and Cloudflare Image Purge

+
Paste an image link here to remove it from imgur and from cloudflare cache. You need to enter the full url of the image like this "https://i.imgur.com/63OclpM_d.png?maxwidth=9999"

+
+

+	
+	
+	
+

+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/manage_domain.html b/ruqqus/templates/admin/manage_domain.html
new file mode 100644
index 000000000..7d332765c
--- /dev/null
+++ b/ruqqus/templates/admin/manage_domain.html
@@ -0,0 +1,53 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+
+
+Get Domain Record
+
+
{{domain_name}}

+
+
Current

+
+
can_submit

+
{{domain.can_submit}}

+
+
can_comment

+
{{domain.can_comment}}

+
+
reason

+
{{domain.reason_text}}

+
+
show_thumbnail

+
{{domain.show_thumbnail}}

+
+
embed_function

+
{{domain.embed_function}}

+
+
embed_template

+
{{domain.embed_template}}

+
+
Actions

+
+

+		
+		
+		
+		
+		
+

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/new_users.html b/ruqqus/templates/admin/new_users.html
new file mode 100644
index 000000000..cb44eb421
--- /dev/null
+++ b/ruqqus/templates/admin/new_users.html
@@ -0,0 +1,19 @@
+{% extends "mine/mine.html" %}
+
+{% block maincontent %}
+		
+		
+{% include "user_listing.html" %}
+{% endblock %}
+
+{% block sidebarblock %}
+	

+		
All Users

+		

+		

+	

+{% endblock %}
+
+{% block navbar %}{% endblock %}
+
+{% block sidebar %}{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/admin/removed_posts.html b/ruqqus/templates/admin/removed_posts.html
new file mode 100644
index 000000000..dd550af72
--- /dev/null
+++ b/ruqqus/templates/admin/removed_posts.html
@@ -0,0 +1,60 @@
+{% extends "admin/image_posts.html" %}
+
+
+{% block title %}
+Removed Content
+
+{% endblock %}
+
+{% block content %}
+
+
+

+	

+		

+			

+			

+				

+				
Removed Posts

+
+			

+
+		

+
+	

+

+

+
+

+
+	

+
+	{% block listing %}
+		

+			{% include "submission_listing.html" %}
+		

+	{% endblock %}
+	

+

+{% endblock %}
+
+{% block pagenav %}
+
+{% endblock %}
diff --git a/ruqqus/templates/admin/votes.html b/ruqqus/templates/admin/votes.html
new file mode 100644
index 000000000..117216c90
--- /dev/null
+++ b/ruqqus/templates/admin/votes.html
@@ -0,0 +1,64 @@
+{% extends "default.html" %}
+
+{% block sidebarblock %}{% endblock %}
+{% block sidebarLeftblock %}{% endblock %}
+
+{% block title %}
+Drama
+
+{% endblock %}
+
+{% block content %}
+
Vote Info

+
+

+	
+	
+	
+

+
+{% if thing %}
+
+
Info

+
{{thing.permalink}}

+
Author: @{{thing.author.username}}

+
Author Created At: {{thing.author.created_utc}} ({{thing.author.created_datetime}} UTC)

+
Counted Upvotes: {{thing.upvotes}} out of {{ups | length}}

+
Counted Downvotes: {{thing.downvotes}} out of {{downs | length}}

+
+
Upvotes

+
+	
+		
+			
+		
+	
+
+	{% for vote in ups %}
+	
+				
+	
+	{% endfor %}
+
User
{{vote.user.username}}

+
+
Downvotes

+
+	
+		
+			
+		
+	
+
+	{% for vote in downs %}
+	
+				
+	
+	{% endfor %}
+
User
{{vote.user.username}}

+
+
+
+{% endif %}
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/authforms.html b/ruqqus/templates/authforms.html
new file mode 100644
index 000000000..24f87bc8b
--- /dev/null
+++ b/ruqqus/templates/authforms.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+		
+		
+		
+		
+
+		{% block pagetitle %}Drama - the open, free-speech social platform{% endblock %}
+
+		
+
+		
+		
+
+		
+		 
+
+		
+
+		
+		{% if v %}
+			
+			{% if v.agendaposter %}{% elif v.css %}{% endif %}
+		{% else %}
+		
+		{% endif %}
+
+
+
+
+
+		
+		
+
+		
+
+		

+				

+
+						

+
+								

+
+										

+
+										

+												Drama
+										

+
+										
{% block authtitle %}{% endblock %}

+
+										
{% block authtext %}{% endblock %}

+
+			{% if error %}
+				
+			{% endif %}
+			{% if msg %}
+				
+			{% endif %}
+
+												{% block content %}
+			{% endblock %}
+
+										

+
+								

+
+						

+
+						

+
+								

+
+										

+
+										

+												{{i.text}}
+										

+
+										
+								

+
+						

+
+				

+		

+
+		
+		
+		
+		
+
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/badge.html b/ruqqus/templates/badge.html
new file mode 100644
index 000000000..0793c2e35
--- /dev/null
+++ b/ruqqus/templates/badge.html
@@ -0,0 +1,5 @@
+{% if b.url %}
+
+{% else %}
+
+{% endif %}
diff --git a/ruqqus/templates/badge_pair.html b/ruqqus/templates/badge_pair.html
new file mode 100644
index 000000000..ee0f8e1a1
--- /dev/null
+++ b/ruqqus/templates/badge_pair.html
@@ -0,0 +1,6 @@
+

+{{bp[0].rendered | safe}}
+{% if bp|length > 1 %}
+{{bp[1].rendered | safe}}
+{% endif %}
+

\ No newline at end of file
diff --git a/ruqqus/templates/badges.html b/ruqqus/templates/badges.html
new file mode 100644
index 000000000..305e0a39d
--- /dev/null
+++ b/ruqqus/templates/badges.html
@@ -0,0 +1,69 @@
+{% extends "default.html" %}
+{% block content %}
+
+
+
+

+
User Badges

+
This page describes the requirements for obtaining all profile badges.

+
Badges are sorted into bronze, silver, gold, and diamond tiers, based on the relative difficulty of obtaining them.

+
+
Unlockable Badges

+
These badges are automatically granted through different kinds of activity on Drama.

+
+
+	
+		
+		
+		
+	
+
+{% for badge in badges if badge.kind==1 %}
+	
+		
+		
+	
+{% endfor %}
+
NameImageDescription
{{badge.name}}
+		{{badge.description}}

+
+
+
Granted Badges

+
These badges can be granted by staff.

+
+
+	
+		
+		
+		
+	
+
+{% for badge in badges if badge.kind==3 %}
+	
+		
+		
+	
+{% endfor %}
+
NameImageDescription
{{badge.name}}
+		{{badge.description}}

+
+
Unobtainable Badges

+
There is no way to acquire these badges if you don't already have them.

+
+
+	
+		
+		
+		
+	
+
+{% for badge in badges if badge.kind==4 %}
+	
+		
+		
+	
+{% endfor %}
+
NameImageDescription
{{badge.name}}
+		{{badge.description}}

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/banned.html b/ruqqus/templates/banned.html
new file mode 100644
index 000000000..abd87a911
--- /dev/null
+++ b/ruqqus/templates/banned.html
@@ -0,0 +1,23 @@
+{% extends "guild_settings.html" %}
+
+{% block content %}
+
+
+	
+		
+		
+		
+		
+	
+
+{% for user in users %}
+	
+		
+		
+		
+		
+	
+{% endfor %}
+
#NameReasonBanned by
{{users.index(user)+1}}{{user.username}}{% if user.ban_reason %}{{user.ban_reason}}{% endif %}{{user.banned_by.username}}

+
+{% endblock %}
diff --git a/ruqqus/templates/blocks.html b/ruqqus/templates/blocks.html
new file mode 100644
index 000000000..a4275fbbc
--- /dev/null
+++ b/ruqqus/templates/blocks.html
@@ -0,0 +1,22 @@
+{% extends "guild_settings.html" %}
+
+{% block pagetitle %}Blocks{% endblock %}
+
+{% block content %}
+
 Blocks

+

+
+
+	
+		
+		
+	
+
+{% for user in users %}
+	
+		
+		
+	
+{% endfor %}
+
UserTarget
{{user.username}}{{targets[loop.index-1].username}}

+{% endblock %}
diff --git a/ruqqus/templates/bootstrap.html b/ruqqus/templates/bootstrap.html
new file mode 100644
index 000000000..214548b81
--- /dev/null
+++ b/ruqqus/templates/bootstrap.html
@@ -0,0 +1,7 @@
+	
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/changelog.html b/ruqqus/templates/changelog.html
new file mode 100644
index 000000000..4a7d5cace
--- /dev/null
+++ b/ruqqus/templates/changelog.html
@@ -0,0 +1,107 @@
+{% extends "guild_settings.html" %}
+
+{% block pagetitle %}Changelog{% endblock %}
+
+{% block desktopBanner %}
+
+

+	

+		

+
+			{% block navbar %}
+			
‎

+
+			

+				
‎

+				

+					
+					

+						{% if not t=="hour" %}Hour{% endif %}
+						{% if not t=="day" %}Day{% endif %}
+						{% if not t=="week" %}Week{% endif %}
+						{% if not t=="month" %}Month{% endif %}
+						{% if not t=="year" %}Year{% endif %}
+						{% if not t=="all" %}All{% endif %}
+					

+				

+
+				
‎

+				

+					
+					

+						{% if sort != "hot" %}Hot{% endif %}
+						{% if sort != "top" %}Top{% endif %}
+						{% if sort != "bottom" %}Bottom{% endif %}
+						{% if sort != "new" %}New{% endif %}
+						{% if sort != "old" %}Old{% endif %}
+						{% if sort != "controversial" %}Controversial{% endif %}
+						{% if sort != "comments" %}Comments{% endif %}
+						{% if sort != "random" %}Random{% endif %}
+					

+				

+			

+			{% endblock %}
+		

+	

+

+
+{% endblock %}
+
+{% block content %}
+
+{% if v %}
+
+{% endif %}
+
+

+
+	

+
+		

+
+			{% include "submission_listing.html" %}
+
+		

+	

+

+
+{% endblock %}
+
+{% block pagenav %}
+{% if listing %}
+
+{% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/comment_failed.html b/ruqqus/templates/comment_failed.html
new file mode 100644
index 000000000..890620717
--- /dev/null
+++ b/ruqqus/templates/comment_failed.html
@@ -0,0 +1,54 @@
+{% extends "default.html" %}
+
+{% block title %}
+Unable to post comment
+
+
+{% set ups=c.upvotes %}
+{% set downs=c.downvotes %}
+{% set score=ups-downs %}
+{% include "emoji_modal.html" %}
+
+
+
+{% if (c.is_banned or c.deleted_utc > 0 or c.is_blocking or c.is_blocked) and not (v and v.admin_level>0) and not (v and v.id==c.author_id) %}
+
+
+
+

+
+
+		
+
+		

+
+				

+
+						
+
+
+						

+								{% if c.is_banned and c.ban_reason %}Reason: {{c.ban_reason}}{% endif %}
+						

+				

+
+
+
+		{% if render_replies %} 
+			{% if level<6 %}
+				

+					{% set standalone=False %}
+					{% for reply in c.children(v) %}
+						{{single_comment(reply, level=level+1)}}
+					{% endfor %}
+				

+			{% elif c.children(v) %}
+				

+					{% set standalone=False %}
+					{% for reply in c.children(v) %}
+						{{single_comment(reply, level=level+1)}}
+					{% endfor %}
+				

+				

+					More comments 
+				

+			{% endif %}
+	{% endif %}
+

+

+
+
+{% else %}
+
+{% set score=c.score %}
+
+{% if v %}
+{% set voted=c.voted %}
+{% set adjust = voted %}
+
+{% else %}
+{% set voted=-2 %}
+{% set adjust=0 %}
+
+{% endif %}
+
+{% if standalone and level==1 %}
+

+	{% if c.post and c.post.over_18 %}+18{% endif %}
+	
+	{% if c.parent_submission %}
+		{% if c.author_id==v.id and c.child_comments and is_notification_page%}
+			Comment {{'Replies' if (c.child_comments | length)>1 else 'Reply'}}: {{c.post.title | safe}}
+		{% elif c.post.author_id==v.id and c.is_top_level and is_notification_page%}
+			Post Reply: {{c.post.title | safe}}
+		{% elif is_notification_page and c.parent_submission in v.subscribed_idlist() %}
+			Subscribed Thread: {{c.post.title | safe}}
+		{% elif is_notification_page %}
+			Username Mention: {{c.post.title | safe}}
+		{% else %}
+			{{c.post.title | safe}}
+		{% endif %}
+	{% elif c.author_id==1046 or c.author_id==2360 %}
+	Drama Notification
+	{% else %}
+	Private Message
+	{% endif %}
+
+

+{% endif %}
+
+

+
+	
+	
+	

+
+		

+
+		
+
+			{% if c.is_banned and c.ban_reason %}
+			
Reason: {{c.ban_reason}}

+			{% endif %}
+
+			

+				{{c.realbody(v) | safe}}
+
+				{% if not c.parent_submission and c.author_id!=1046 and c.author_id!=2360 and c.author_id!=v.id %}
+					Reply
+					

+					

+						
+						

+						
+						 
+						
+						 
+						
+						 
+						
+						 
+						
+						 
+						
+					

+				{% endif %}
+			

+			
+			{% if c.parent_submission %}
+			{% if v and v.id==c.author_id and (standalone or is_allowed_to_comment) %}
+			
+			{% endif %}
+
+			{% if c.active_flags %}
+                 

+                     Reported by:
+                    
+                

+            {% endif %}
+
+			

+				
    
+
+					{% if v and request.path.startswith('/@') and v.admin_level == 0%}
+					
+					{% if voted==1 %}
+					
  • 
+					{% endif %}
+					
+					{% elif v %}
+
+					
  • 
+					
    • 
+
+					{% else %}
+					
  • 
+					
    • 
+
+					{% endif %}
+
+					
  • 
+						{{score}}
+					
    • 
+
+					{% if v and request.path.startswith('/@') and v.admin_level == 0 %}
+					
+					{% if voted==-1 %}
+					
  • 
+					{% endif %}
+					
+					{% elif v %}
+					
  • 
+					
    • 
+
+					{% else %}
+
+					
  • 
+					
    • 
+
+					{% endif %}
+
+					
  • Votes
    • 
+
+					{% if v and c.id in v.saved_comment_idlist() %}
+						
  • Unsave
    • 
+					{% else %}
+						
  • Save
    • 
+					{% endif %}
+
+					{% if v %}
+					{% if standalone or is_allowed_to_comment %}
+					
  • Reply
    • 
+					{% endif %}
+
+					{% endif %}
+					
  • Context
    • 
+					
  • Copy link
    • 
+					
+					{% if v and v.admin_level>=3 and request.path.startswith ('/admin') %}
+						
  • Remove
    • 
+						
  • Approve
    • 
+					{% endif %}
+					
  • 
+						
    
+							
+
+						
    
+							{% if not (v and v.id==c.author_id) %}
+								{% if v %}
+								Flag
+								{% else %}
+								Flag
+								{% endif %}
+							{% endif %}
+
+							{% if v and c.parent_submission and c.author_id==v.id %}
+
+							Edit
+
+							{% if c.deleted_utc > 0 %}
+								Undelete
+							{% else %}
+								Delete
+							{% endif %}
+
+							{% endif %}
+							
+							{% if v and c.parent_submission and (c.author_id==v.id or v.admin_level > 0) %}
+							Toggle +18
+							{% endif %}
+
+							{% if v %}
+							{% if v.admin_level and v.id==c.author_id %}
+
+									
    
+
+									{{'Undistinguish' if c.distinguish_level else 'Distinguish'}}
+
+
+							{% endif %}
+							
+						{% if not v.id==c.author_id %}
+						Block user
+						{% endif %}
+
+							{% if v.admin_level>=3 %}
+								{% if not c.is_banned %}
+									Remove
+								{% endif %}
+								{% if c.is_banned or request.path.startswith('/admin/') %}
+									Approve
+								{% endif %}
+							{% endif %}
+							{% if v.admin_level >=4 and c.oauth_app %}
+								API App
+							{% endif %}
+				{% endif %}						
+
+						{% if v and c.post and (v.admin_level == 6 or v.id == c.post.author_id) %}
+						
    
+							{% if c.is_top_level %}
+								{{"Unpin" if c.is_pinned else "Pin"}}
+							{% endif %}
+						{% endif %}
+						{% if v and c.post and v.admin_level == 6 %}
+							{% if v.id!=c.author_id and not c.author.is_deleted and c.original_board_id==c.post.board_id %}
+								{% if c.author.is_banned %}
+								Unban user
+								{% else %}
+								Ban user
+								{% endif %}
+							{% endif %}
+						{% endif %}
+
+						
    
+					
    
+				
    • 
+				
  • 
+					
+				
    • 
+				{% if v and request.path.startswith('/@') and v.admin_level == 0 %}
+				{% if voted==1 %}
+				
  • 
+				
    • {% endif %}
+				{% elif v %}
+				
  • 
+				
    • 
+				{% else %}
+				
  • 
+				
    • 
+				{% endif %}
+				
  • 
+						{{score}}
+				
    • 
+				{% if v and request.path.startswith('/@') and v.admin_level == 0 %}
+					{% if voted==-1 %}
+						
  • 
+					{% endif %}
+				{% elif v %}
+					
  • 
+					
    • 
+				{% else %}
+					
  • 
+					
    • 
+				{% endif %}
+			

+
+		

+		{% endif %}
+	

+
+
+	

+		
+		
+
+	

+
+ 
+
+
+	{% if render_replies %} 
+			{% if level<6 %}
+				

+					{% for reply in c.children(v) %}
+						{{single_comment(reply, level=level+1)}}
+					{% endfor %}
+				

+			{% elif c.children(v) %}
+				

+					{% for reply in c.children(v) %}
+						{{single_comment(reply, level=level+1)}}
+					{% endfor %}
+				

+				

+					More comments 
+				

+			{% endif %}
+	{% endif %}
+
+

+
+
+
+
+
+

+
+{% endif %}
+
+{% endmacro %}
+
+{% for comment in comments %}
+
+	{{single_comment(comment)}}
+
+{% endfor %}
+
+
+
+
+
+
+
+

+
\ No newline at end of file
diff --git a/ruqqus/templates/contact.html b/ruqqus/templates/contact.html
new file mode 100644
index 000000000..6fa5ebc98
--- /dev/null
+++ b/ruqqus/templates/contact.html
@@ -0,0 +1,80 @@
+{% extends "default.html" %}
+
+{% block title %}
+Drama - Contact
+
+{% endblock %}
+
+
+
+	
+{% block content %}
+
+		{% if request.args.get('error') or error %}
+		
+		{% endif %}
+		{% if request.args.get('msg') or msg %}
+		
+		{% endif %}
+
+
Contact Drama Admins

+{% if v and v.is_activated and not v.is_suspended %}
+
+
Use this form to contact Drama Admins.

+
+
+
+
+

+
+
+
+
+
+
+

+
+{% elif v and v.is_suspended %}
+
+
Your Drama account has been suspended. You are not permitted to use this form.

+
+
+{% elif v %}
+
+
Please verify your email address in order to ensure we can respond to your message if needed. Then, refresh this page.

+
+{% else %}
+
+
In order to ensure that we can respond to your message, please first sign up or log in and make sure you have verified your email address. Then, refresh this page.

+
+{% endif %}
+
+
+
+
+

+
+
If you can see this line, we haven't been contacted by any law enforcement or governmental organizations in 2021 yet.

+
+
+
+
+

+
+{% endblock %}
diff --git a/ruqqus/templates/control_panel_logged_in.html b/ruqqus/templates/control_panel_logged_in.html
new file mode 100644
index 000000000..1dbd3b861
--- /dev/null
+++ b/ruqqus/templates/control_panel_logged_in.html
@@ -0,0 +1,7 @@
+
My Profile

+
Settings

+
Submit

+

+	
+	
+

diff --git a/ruqqus/templates/control_panel_logged_out.html b/ruqqus/templates/control_panel_logged_out.html
new file mode 100644
index 000000000..3125dc6ab
--- /dev/null
+++ b/ruqqus/templates/control_panel_logged_out.html
@@ -0,0 +1 @@
+
Sign In | Sign Up

diff --git a/ruqqus/templates/default.html b/ruqqus/templates/default.html
new file mode 100644
index 000000000..8dd3a8c33
--- /dev/null
+++ b/ruqqus/templates/default.html
@@ -0,0 +1,373 @@
+
+
+
+	{% if v %}
+	
+	
+	
+	{% endif %}
+	
+	
+	
+
+	
+
+	
+	
+	{% block title %}
+	Drama
+
+	
+	
+	
+	
+	
+	
+	
+	
+
+	
+	
+	
+	
+	
+	
+	
+	{% endblock %}
+
+	
+	
+
+	
+	
+	
+	
+	
+
+	
+	
+		
+		
+		
+		
+		
+		
+		
+		
+
+
+
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+
+
+
+		
+		
+		{% block stylesheets %}
+
+		{% if v %}
+			
+			{% if v.agendaposter %}{% elif v.css %}{% endif %}
+		{% else %}
+			
+		{% endif %}
+
+		{% endblock %}
+
+		
+		 
+
+		{% block fixedMobileBarJS %}
+		{% endblock %}
+
+		{% if v %}
+
+		
+	 {% endif %}
+
+ 
+
+ 
+	
+
+{% include "header.html" %}
+
+
+
+{% block mobileUserBanner %}
+{% endblock %}
+
+{% block mobileBanner %}
+{% endblock %}
+
+{% block postNav %}
+{% endblock %}
+
+

+	

+
+		{% block leftSidebar %}
+		{% block leftSidebarBlock %}
+		{% endblock %}
+		{% endblock %}
+
+		

+
+			{% block desktopUserBanner %}
+			{% endblock %}
+
+			{% block desktopBanner %}
+			{% endblock %}
+
+			{% block PseudoSubmitForm %}
+			{% endblock %}
+
+			{% block searchText %}
+			{% endblock %}
+
+			{% block content %}
+			{% endblock %}
+
+			{% block pagenav %}
+			{% endblock %}
+
+		

+		
+	

+

+
+{% block mobilenavbar %}
+{% include "mobile_navigation_bar.html" %}
+{% endblock %}
+
+{% block actionsModal %}
+{% endblock %}
+
+{% block reportCommentModal %}
+{% endblock %}
+
+{% block guildModal %}
+{% endblock %}
+
+{% block GIFtoast %}
+{% endblock %}
+
+{% block GIFpicker %}
+{% endblock %}
+
+
+
+
+
+
+
+
+
+
+{% if v %}
+{% include "flag_post_modal.html" %}
+{% include "flag_comment_modal.html" %}
+{% include "gif_modal.html" %}
+{% include "delete_comment_modal.html" %}
+{% include "delete_post_modal.html" %}
+{% endif %}
+
+{% include "expanded_image_modal.html" %}
+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% if request.path=='/' and g.system and g.timestamp>session.get('tooltip_last_dismissed',0)+60*60*24 and (not g.system.endswith('/chrome') and not g.system.endswith('/other')) and not g.system.endswith('/webview') %}
+
+

+	

+

+{% endif %}
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/delete_comment_modal.html b/ruqqus/templates/delete_comment_modal.html
new file mode 100644
index 000000000..39bd8b09e
--- /dev/null
+++ b/ruqqus/templates/delete_comment_modal.html
@@ -0,0 +1,28 @@
+
+
diff --git a/ruqqus/templates/delete_post_modal.html b/ruqqus/templates/delete_post_modal.html
new file mode 100644
index 000000000..823e32205
--- /dev/null
+++ b/ruqqus/templates/delete_post_modal.html
@@ -0,0 +1,46 @@
+
+
diff --git a/ruqqus/templates/developers.html b/ruqqus/templates/developers.html
new file mode 100644
index 000000000..6b4441ac0
--- /dev/null
+++ b/ruqqus/templates/developers.html
@@ -0,0 +1,43 @@
+{% extends "default.html" %}
+
+{% block title %}
+Drama - FAQ
+
+{% endblock %}
+
+{% block content %}
+{% filter markdown %}
+
+# Developer Help
+
+Tips to help ensure your website works nicely with Drama
+
+## SSL Required
+
+To help protect user privacy and safety, Drama forces HTTPS on all assets uploaded and submitted to Drama. This includes automatic conversion of all "https://" schemas into "https://".
+
+Make sure your website has a valid SSL certificate in order to ensure that Drama users can navigate to it from Drama. 
+
+We will not grant exemptions to https conversion.
+
+## Share to Drama
+
+To create a "share to Drama" button, create an element which has `onclick="window.location.href='https://rdrama.net/submit?url='+window.location.href"`
+
+Use [Drama branding and assets](/press) to style your "share to Drama" button.
+
+
+## Thumbnails
+
+Thumbnail images for posts are determined by using the first successful condition below:
+
+1. If the submitted link has a `Content-Type: image/*` header, the link itself is used as the thumbnail asset.
+2. If the submitted link has a `Content-Type: text/html` header, and there is a `` element, the `content` attribute of that element will be scraped and used as the thumbnail. (Use this option to explicitly set a thumbnail)
+3. If the submitted link has a `Content-Type: text/html` header, and no thumbnail meta element is found, the `src` attribute of the first `img` element will be scraped and used as the thumbnail.
+
+## Applications
+
+To request ruqqus API keys, visit [this page](/apps)
+
+{% endfilter %}
+{% endblock %}
diff --git a/ruqqus/templates/email/2fa_remove.html b/ruqqus/templates/email/2fa_remove.html
new file mode 100644
index 000000000..0da9679a0
--- /dev/null
+++ b/ruqqus/templates/email/2fa_remove.html
@@ -0,0 +1,42 @@
+{% extends "email/default.html" %}
+
+{% block image %}verify.png{% endblock %}
+
+{% block title %}Remove Two-Factor Authentication{% endblock %}
+
+{% block preheader %}Remove Two-Factor Authentication.{% endblock %}
+
+{% block content %}
+												
We received a request to remove two-factor authentication from your account. In 72 hours, click the link below.

+												
If you didn't make this request, change your password and use the Log Out Everywhere feature in your Security Settings to permanently invalidate the link.

+												
+												
+													
+														
+													
+												
+												
Please note that Drama will never ask you for your email, password, or two-factor token via email, text, or phone.

+												
If you have any questions, feel free to email the Drama team..

+												
Thanks,
+													
The Drama Team

+												
P.S. Feel free to tweet at us on Twitter @ruqqus.

+												
+												
+													
+														
+													
+												
+{% endblock %}
diff --git a/ruqqus/templates/email/default.html b/ruqqus/templates/email/default.html
new file mode 100644
index 000000000..bf84fa17e
--- /dev/null
+++ b/ruqqus/templates/email/default.html
@@ -0,0 +1,476 @@
+
+
+
+	
+		
+		
+		
+		
+		
+		
+	
+	
+		{% block preheader %}Thanks for joining Drama! Please take a sec to verify the email you used to sign up.{% endblock %}
+		
+			
+				
+			
+		
+	
+
diff --git a/ruqqus/templates/email/email_change.html b/ruqqus/templates/email/email_change.html
new file mode 100644
index 000000000..2a36d3161
--- /dev/null
+++ b/ruqqus/templates/email/email_change.html
@@ -0,0 +1,57 @@
+{% extends "email/default.html" %}
+
+{% block title %}Verify Your Email{% endblock %}
+
+{% block preheader %}Verify your new Drama email.{% endblock %}
+
+{% block content %}
+												
You told us you wanted to change your Drama account email. To finish this process, please verify your new email address:

+												
+												
+													
+														
+													
+												
+												
For reference, here's your current information:

+												
+													
+														
+													
+												
+												
Please note that Drama will never ask you for your email, password, or two-factor token via email, text, or phone.

+												
+													
+														
+													
+												
+{% endblock %}
diff --git a/ruqqus/templates/email/email_verify.html b/ruqqus/templates/email/email_verify.html
new file mode 100644
index 000000000..d7410ca62
--- /dev/null
+++ b/ruqqus/templates/email/email_verify.html
@@ -0,0 +1,56 @@
+{% extends "email/default.html" %}
+
+{% block title %}Welcome to Drama!{% endblock %}
+
+{% block content %}
+												
Thanks for joining Drama. We’re happy to have you on board. To get the most out of Drama, please verify your account email:

+												
+												
+													
+														
+													
+												
+												
For reference, here's your username.

+												
+													
+														
+													
+												
+												
Please note that Drama will never ask you for your email, password, or two-factor token via email, text, or phone.

+												
+												
+													
+														
+													
+												
+{% endblock %}
diff --git a/ruqqus/templates/email/password_reset.html b/ruqqus/templates/email/password_reset.html
new file mode 100644
index 000000000..4d8e58b1c
--- /dev/null
+++ b/ruqqus/templates/email/password_reset.html
@@ -0,0 +1,55 @@
+{% extends "email/default.html" %}
+
+{% block title %}Reset Your Password{% endblock %}
+{% block preheader %}Reset your Drama password.{% endblock %}
+
+{% block content %}
+												
To reset your password, click the button below:

+												
+												
+													
+														
+													
+												
+												
For reference, here's your login information:

+												
+													
+														
+													
+												
+												
+													
+														
+													
+												
+{% endblock %}
diff --git a/ruqqus/templates/embeds/comment.html b/ruqqus/templates/embeds/comment.html
new file mode 100644
index 000000000..ee30d46b3
--- /dev/null
+++ b/ruqqus/templates/embeds/comment.html
@@ -0,0 +1,130 @@
+{% extends "embeds/embed_default.html" %}
+
+{% set score=c.score_fuzzed %}
+
+{% block title %}
+@{{c.author.username}} comments on "{{c.post.title}}"
+
+{% endblock %}
+
+
+{% block content %}
+

+		{{c.post.title | safe}}
+

+
+

+
+		
+
+		
+
+		

+
+				

+
+						
+
+						

+								{{c.body_html | safe}}
+						

+
+			
+						

+								
    
+
+
+
+										
  • 
+										
    • 
+
+
+										
  • 
+											 {{score}}										
    • 
+
+{% if not c.board.downvotes_disabled %}
+
+
+
+										
  • 
+										
    • 
+
+{% endif %}
+										
  • Copy link
+										
    • 
+										
  • 
+												
    
+													
+
+											
    
+												Parent
+												Save
+
+
+										
    
+								
    
+						
    • 
+						
  • 
+								
+						
    • 
+
+						
  • 
+						
    • 
+						
  • 
+{{score}}
+						
    • 
+						
+						
  • 
+						
    • 
+				

+
+		

+

+
+
+
+
+
+

+{% endblock %}
diff --git a/ruqqus/templates/embeds/comment_removed.html b/ruqqus/templates/embeds/comment_removed.html
new file mode 100644
index 000000000..e0da84ef0
--- /dev/null
+++ b/ruqqus/templates/embeds/comment_removed.html
@@ -0,0 +1,38 @@
+{% extends "embeds/embed_default.html" %}
+
+{% block title %}
+{@{{c.author.username}} comments on "{{c.post.title}}"
+
+{% endblock %}
+
+{% endblock %}
+
+

+		{{c.post.title | safe}}
+

+
+

+
+
+		
+
+		

+
+				

+
+						
+
+
+						

+								{% if c.is_banned and c.ban_reason %}Reason: {{c.ban_reason}}{% endif %}
+						

+
+	

+
+

+
+
+

+{% block content %}
\ No newline at end of file
diff --git a/ruqqus/templates/embeds/embed_default.html b/ruqqus/templates/embeds/embed_default.html
new file mode 100644
index 000000000..7b8e628b5
--- /dev/null
+++ b/ruqqus/templates/embeds/embed_default.html
@@ -0,0 +1,113 @@
+
+
+
+
+	
+	
+
+	
+
+	{% block title %}
+	Drama
+	
+	{% endblock %}
+
+	
+	
+
+
+	
+	
+	{% block stylesheets %}
+	{% if v %}
+		
+		{% if v.agendaposter %}{% elif v.css %}{% endif %}
+	{% else %}
+		
+	{% endif %}
+	{% endblock %}
+
+	
+	 
+
+
+
+
+
+
+
+
+	

+		

+
+			

+
+
+				{% block content %}
+				{% endblock %}
+
+
+			

+
+			
+
+
+
+
+
+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
+
+
+
+
+
+{% block enlargeThumbJS %}
+{% endblock %}
+
+{% block toggleView %}
+{% endblock %}
+
+{% block embedJS %}
+{% endblock %}
+
+{% block formatJS %}
+{% endblock %}
+
+
+
+
+
+
+
diff --git a/ruqqus/templates/embeds/submission.html b/ruqqus/templates/embeds/submission.html
new file mode 100644
index 000000000..2121adcd1
--- /dev/null
+++ b/ruqqus/templates/embeds/submission.html
@@ -0,0 +1,148 @@
+{% extends "embeds/embed_default.html" %}
+
+
+{% set score=p.score_fuzzed %}
+
+
+{% block title %}
+{{p.title | safe}}
+
+{% endblock %}
+
+{% block pagetype %}thread{% endblock %}
+
+
+	{% block content %}
+	

+
+		

+
+			

+				

+
+					{% if p.thumb_url %}
+					

+						Unable to anonymously load image
+					

+					{% endif %}
+
+					

+
+						
{% if p.stickied %} · {% endif %}{{p.age_string}} by {% if p.author.title and p.author.title.is_before %}{{p.author.title.text}} {% endif %}{{p.author.username}}{% if p.author.title and not p.author.title.is_before %}{{p.author.title.text}}{% endif %}{% if p.distinguish_level %} {% endif %} · ({{p.domain}}){% if p.edited_utc %} · Edited {{p.edited_string}}{% endif %}

+
+						
{% if p.stickied %} · {% endif %}{{p.age_string}} by {% if p.author.title and p.author.title.is_before %}{{p.author.title.text}} {% endif %}{{p.author.username}}{% if p.author.title and not p.author.title.is_before %}{{p.author.title.text}}{% endif %}{% if p.distinguish_level %} {% endif %} · ({{p.domain}}){% if p.edited_utc %} · Edited {{p.edited_string}}{% endif %}

+						{% if p.url %}
+						
{{p.title | safe}}

+						{% else %}
+						
{{p.title | safe}}

+						{% endif %}
+
+						
 
+							{{p.body_html | safe}}
+
+						

+
+
+								

+									
+								

+
+							

+
+							
+
+
+
+							

+								

+								

+								{{score}}
+								{% if not p.board.downvotes_disabled %}
+								

+								

+
+							

+
+							{% endif %}
+
+						

+
+
+
+
+						

+
+					

+
+					

+						

+						 {% if p.is_image and p.domain_obj and p.domain_obj.show_thumbnail %}Unable to anonymously load image
+							 
{{p.domain|truncate(30, True)}}

+							 {% endif %}
+						 
+					 

+				 

+
+			 

+
+			 

+				

+
+					

+						
+					

+
+				

+
+			

+
+	 

+
+	 {% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/emoji_modal.html b/ruqqus/templates/emoji_modal.html
new file mode 100644
index 000000000..de392e9f9
--- /dev/null
+++ b/ruqqus/templates/emoji_modal.html
@@ -0,0 +1,65 @@
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/errors/400.html b/ruqqus/templates/errors/400.html
new file mode 100644
index 000000000..bf7a3d5b4
--- /dev/null
+++ b/ruqqus/templates/errors/400.html
@@ -0,0 +1,19 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+400 Bad Request
+{% endblock %}
+
+{% block pagetype %}error-400{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
400 Bad Request

+			
That request was bad and you should feel bad.

+		

+	

+

+{% endblock %}
diff --git a/ruqqus/templates/errors/401.html b/ruqqus/templates/errors/401.html
new file mode 100644
index 000000000..29fdf9ac8
--- /dev/null
+++ b/ruqqus/templates/errors/401.html
@@ -0,0 +1,23 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+401 Not Authorized
+{% endblock %}
+
+{% block pagetype %}error-401{% endblock %}
+
+{% block content %}
+

+	

+	

+
+			
+
+			
401 Not Authorized

+			
You need to log in if you want to get into this castle.

+			
+			
+		

+	

+

+{% endblock %}
diff --git a/ruqqus/templates/errors/402.html b/ruqqus/templates/errors/402.html
new file mode 100644
index 000000000..837566d0a
--- /dev/null
+++ b/ruqqus/templates/errors/402.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+402 Payment Required
+{% endblock %}
+
+{% block pagetype %}error-402{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
402 Payment Required

+			
The royal bank has told us that you owe them some coin. You'll need to pay off your debts before you can continue.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/403.html b/ruqqus/templates/errors/403.html
new file mode 100644
index 000000000..b6ae227e6
--- /dev/null
+++ b/ruqqus/templates/errors/403.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+403 Forbidden
+{% endblock %}
+
+{% block pagetype %}error-403{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
403 Forbidden

+			
Our security warlocks have cast an impenetrable shield spell around this page.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/404.html b/ruqqus/templates/errors/404.html
new file mode 100644
index 000000000..dbb2ab6c9
--- /dev/null
+++ b/ruqqus/templates/errors/404.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+404 Page Not Found
+{% endblock %}
+
+{% block pagetype %}error-404{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
404 Page Not Found

+			
The internet gremlins have led you to a dark, musty dead-end. There's nothing here.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/405.html b/ruqqus/templates/errors/405.html
new file mode 100644
index 000000000..34da0e997
--- /dev/null
+++ b/ruqqus/templates/errors/405.html
@@ -0,0 +1,20 @@
+{% extends "default.html" %}
+
+{% block title %}
+405 Method Not Allowed
+{% endblock %}
+
+{% block pagetype %}error-405{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
405 Method Not Allowed

+			
Careful, stranger. The internet gnomes don’t take kindly to outsiders that don’t follow their customs.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/409.html b/ruqqus/templates/errors/409.html
new file mode 100644
index 000000000..3bf5c29fd
--- /dev/null
+++ b/ruqqus/templates/errors/409.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+409 Conflict
+{% endblock %}
+
+{% block pagetype %}error-409{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
409 Conflict

+			
There were no survivors.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/410.html b/ruqqus/templates/errors/410.html
new file mode 100644
index 000000000..cf33264cc
--- /dev/null
+++ b/ruqqus/templates/errors/410.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+410 Gone
+{% endblock %}
+
+{% block pagetype %}error-410{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
410 Gone

+			
There's nothing left here but a giant smouldering crater.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/413.html b/ruqqus/templates/errors/413.html
new file mode 100644
index 000000000..a11ac1373
--- /dev/null
+++ b/ruqqus/templates/errors/413.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+413 Request Entity Too Large
+{% endblock %}
+
+{% block pagetype %}error-413{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
413 Image Size Too Large

+			
There's a 1 MB limit to profile picture uploads, and a 16 MB limit to all other image uploads.

+			
+		

+	

+

+{% endblock %}
diff --git a/ruqqus/templates/errors/418.html b/ruqqus/templates/errors/418.html
new file mode 100644
index 000000000..de958a39f
--- /dev/null
+++ b/ruqqus/templates/errors/418.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+418 I'm A Teapot
+{% endblock %}
+
+{% block pagetype %}error-418{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
418 I'm A Teapot

+			
Sorry, I've been cursed and can't make you coffee right now.

+			
+		

+	

+

+{% endblock %}
diff --git a/ruqqus/templates/errors/422.html b/ruqqus/templates/errors/422.html
new file mode 100644
index 000000000..29089e64a
--- /dev/null
+++ b/ruqqus/templates/errors/422.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+422 Unprocessable Entity
+{% endblock %}
+
+{% block pagetype %}error-422{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
422 Unprocessable Entity

+			
The server thinks you're asking something silly. It might take you more seriously if you take off the jester outfit.

+			
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/429.html b/ruqqus/templates/errors/429.html
new file mode 100644
index 000000000..0e54ebe3e
--- /dev/null
+++ b/ruqqus/templates/errors/429.html
@@ -0,0 +1,19 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+429 Too Many Requests
+{% endblock %}
+
+{% block pagetype %}error-429{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
429 Too Many Requests

+			
Slow down there, friend! The royal guard doesn't like it when you go that fast!

+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/451.html b/ruqqus/templates/errors/451.html
new file mode 100644
index 000000000..0a26a5884
--- /dev/null
+++ b/ruqqus/templates/errors/451.html
@@ -0,0 +1,20 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+451 Unavailable For Legal Reasons
+{% endblock %}
+
+{% block pagetype %}error-451{% endblock %}
+
+{% block content %}
+

+	

+	

+			
+			
451 Unavailable For Legal Reasons

+
+			
By royal decree, we are unable to show this to you right now.

+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/500.html b/ruqqus/templates/errors/500.html
new file mode 100644
index 000000000..0754f9523
--- /dev/null
+++ b/ruqqus/templates/errors/500.html
@@ -0,0 +1,21 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
+500 Internal Server Error
+{% endblock %}
+
+{% block pagetype %}error-500{% endblock %}
+
+{% block content %}
+

+	

+		

+			
+			
500 Internal Server Error

+			
Something has broken. A master dwarven computersmith has been dispatched to un-break it.

+			
+
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/502.html b/ruqqus/templates/errors/502.html
new file mode 100644
index 000000000..de411fd48
--- /dev/null
+++ b/ruqqus/templates/errors/502.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+502 Bad Gateway
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% if v %}
+	
+	{% if v.agendaposter %}{% elif v.css %}{% endif %}
+{% else %}
+	
+{% endif %}
+
+ 
+
+
+
+
+
+
+

+

+

+

+

+

+
+
502 Bad Gateway

+
Don't go this way, stranger. The gate is closed, and the guards are saying:

+
"We're restarting the server right now, try again in a few moments."

+
Reload

+

+

+

+

+
+

+

+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/errors/503.html b/ruqqus/templates/errors/503.html
new file mode 100644
index 000000000..37d279e6f
--- /dev/null
+++ b/ruqqus/templates/errors/503.html
@@ -0,0 +1,130 @@
+
+
+
+
+	
+	
+
+	
+	
+
+	
+503 Service Unavailable
+
+
+	
+	
+
+	
+	
+	
+	
+	
+	
+
+	
+	
+	{% if v %}
+		
+		{% if v.agendaposter %}{% elif v.css %}{% endif %}
+	{% else %}
+		
+	{% endif %}
+
+	
+	
+
+
+
+
+
+
+
+
+
+
+
+	
+
+	

+		

+
+			

+

+	

+		

+			
+					
+					
+			
+			
503 Service Unavailable

+			
Drama is unavailable.

+			
The server you connected to is most likely being restarted right now. Try again in a few moments.

+			
+		

+	

+

+
+
+				
+				
+
+			

+
+			
+		

+	

+
+

+

+
+
+
+
+
+
+
+
+
+
+	
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ruqqus/templates/errors/default.html b/ruqqus/templates/errors/default.html
new file mode 100644
index 000000000..d376c5d85
--- /dev/null
+++ b/ruqqus/templates/errors/default.html
@@ -0,0 +1,6 @@
+{% extends "default.html" %}
+
+{% block sidebarLeftblock %}{% endblock %}
+{% block sidebar %}{% endblock %}
+
+{% block customPadding %}{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/errors/nsfw.html b/ruqqus/templates/errors/nsfw.html
new file mode 100644
index 000000000..22b4ff108
--- /dev/null
+++ b/ruqqus/templates/errors/nsfw.html
@@ -0,0 +1,38 @@
+{% extends "errors/default.html" %}
+
+{% block title %}
++18
+{% endblock %}
+
+{% block pagetype %}error-451{% endblock %}
+
+{% block content %}
+

+	

+		

+			
+			
Are you over 18?

+			
This post is rated +18 (Pornographic Content). You must be 18 or older to continue. Are you sure you want to proceed?

+			

+
+				{% if v %}
+					

+						
+						
+						
+					

+				{% else %}
+					

+						
+						
+						
+						
+					

+				{% endif %}
+				
+			

+
+		

+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/expanded_image_modal.html b/ruqqus/templates/expanded_image_modal.html
new file mode 100644
index 000000000..f60eb617d
--- /dev/null
+++ b/ruqqus/templates/expanded_image_modal.html
@@ -0,0 +1,20 @@
+
+
+
diff --git a/ruqqus/templates/flag_comment_modal.html b/ruqqus/templates/flag_comment_modal.html
new file mode 100644
index 000000000..fb54db159
--- /dev/null
+++ b/ruqqus/templates/flag_comment_modal.html
@@ -0,0 +1,45 @@
+
+
diff --git a/ruqqus/templates/flag_post_modal.html b/ruqqus/templates/flag_post_modal.html
new file mode 100644
index 000000000..b34da3a90
--- /dev/null
+++ b/ruqqus/templates/flag_post_modal.html
@@ -0,0 +1,47 @@
+
+
diff --git a/ruqqus/templates/followers.html b/ruqqus/templates/followers.html
new file mode 100644
index 000000000..4c0c5bc34
--- /dev/null
+++ b/ruqqus/templates/followers.html
@@ -0,0 +1,21 @@
+{% extends "default.html" %}
+{% block content %}
+

+
@{{u.username}}'s followers

+

+
+
+	
+		
+		
+	
+
+{% for user in users %}
+	
+			
+				
+	
+{% endfor %}
+
#Name
{{users.index(user)+1}}{{user.username}}

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/follows.html b/ruqqus/templates/follows.html
new file mode 100644
index 000000000..e64e4ffed
--- /dev/null
+++ b/ruqqus/templates/follows.html
@@ -0,0 +1,37 @@
+{% extends "home.html" %}
+
+{% block sidebarLeftblock %}
+
+

+	
Dashboard

+	

+		
+ 

+

+
+{% endblock %}
+
+{% block sidebarblock %}
+				

+		

+		
+		

+					
User Subscriptions

+					

+						
The users you are subscribed to.

+					

+				

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/forgot_password.html b/ruqqus/templates/forgot_password.html
new file mode 100644
index 000000000..b98dfadad
--- /dev/null
+++ b/ruqqus/templates/forgot_password.html
@@ -0,0 +1,31 @@
+{% extends "authforms.html" %}
+
+{% block pagetitle %}Drama Password Reset{% endblock %}
+
+{% block authtitle %}Reset your password.{% endblock %}
+
+{% block authtext %}If there's an email address associated with your account, you can use it to recover your Drama account and change your password.{% endblock %}
+
+{% block content %}
+
+												

+
+														

+
+																
+
+																
+
+																
+
+																
+
+																
+
+														

+
+												

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/formatting.html b/ruqqus/templates/formatting.html
new file mode 100644
index 000000000..a41f15c5f
--- /dev/null
+++ b/ruqqus/templates/formatting.html
@@ -0,0 +1,151 @@
+{% extends "default.html" %}
+{% block title %}
+Drama - Formatting
+
+{% endblock %}
+
+{% block content %}
+
+
+
+

+{% filter markdown %}
+# Formatting
+
+On Drama, you can use Markdown formatting.
+
+
+## Inline formatting
+
+{% endfilter %}
+
+
+	
+		
+			
+			
+			
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+
NameTypeDisplays as
Italics*text*text
Bold**text**text
Code`text`text
Strikethrough~~text~~text
Links[Drama](https://rdrama.net)Drama
Emojis:marseylove:

+
+
* We have customized image embeds to add pop-overs and operate on a whitelist system. Embeds from known safe image hosts will use a pop-up display as demonstrated here. Attempted embeds to non-whitelisted sites will be converted into a link. The whitelist may be viewed here.

+
+{% filter markdown %}
+
+## Block formatting
+
+These Markdown tags format an entire paragraph of text at a time.
+
+
+	
+		
+			
+			
+			
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+		
+		
+		
+
+Use three backticks above and below.
+Or, indent the lines with four spaces.
+

+		
+	
+
NameTypeDisplays as
Blockquote> text
text
Headers 1-6# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Ordered list1. First thing
2. Second thing
  1. First thing
  2. Second thing
Unordered list* First thing
* Second thing
  • First thing
  • Second thing
Code Block```
Use three backticks above and below.
Or, indent the lines with four spaces.
```		
+	
Spoilers<s> bussy > gussy </s>
bussy > gussy

+
+
+## Custom Formatting
+
+We also have some custom hooks for mentioning users and subreddits. Note that these only work if the mentioned user or subreddit actually exists.
+
+{% endfilter %}
+
+
+	
+		
+			
+			
+			
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+	
+		
+		
+		
+	
+
NameTypeDisplays as
Username Mention@QuadNarca@QuadNarca
Subreddit Mentionr/Dramar/Drama
Redditor Mentionu/Bardfinnu/Bardfinn

+
+{% include "expanded_image_modal.html" %}
+
+
+
+{% endblock %}
diff --git a/ruqqus/templates/gif_modal.html b/ruqqus/templates/gif_modal.html
new file mode 100644
index 000000000..5b9dae222
--- /dev/null
+++ b/ruqqus/templates/gif_modal.html
@@ -0,0 +1,143 @@
+
+
diff --git a/ruqqus/templates/gm_exile_modal.html b/ruqqus/templates/gm_exile_modal.html
new file mode 100644
index 000000000..032048c93
--- /dev/null
+++ b/ruqqus/templates/gm_exile_modal.html
@@ -0,0 +1,25 @@
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/gm_invitation_modal.html b/ruqqus/templates/gm_invitation_modal.html
new file mode 100644
index 000000000..86c8513d7
--- /dev/null
+++ b/ruqqus/templates/gm_invitation_modal.html
@@ -0,0 +1,14 @@
+
\ No newline at end of file
diff --git a/ruqqus/templates/guild_details_modal.html b/ruqqus/templates/guild_details_modal.html
new file mode 100644
index 000000000..6819e47e7
--- /dev/null
+++ b/ruqqus/templates/guild_details_modal.html
@@ -0,0 +1,89 @@
+{% set board = b if b else p.board %}
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/guild_settings.html b/ruqqus/templates/guild_settings.html
new file mode 100644
index 000000000..f84a463b5
--- /dev/null
+++ b/ruqqus/templates/guild_settings.html
@@ -0,0 +1,215 @@
+
+
+
+
+	
+	
+	
+	
+	
+	
+
+	{% block pagetitle %}Drama{% endblock %}
+
+	
+
+	
+	
+
+	
+
+	{% if v %}
+	
+	{% else %}
+	
+	{% endif %}
+
+	
+	 
+
+	
+
+
+
+
+
+	{% include "header.html" %}
+
+	
+
+	{% block subHeader %}
+	

+		

+			

+				

+					

+						

+							
+							
+						

+					

+				

+			

+		

+	

+	{% endblock %}
+
+	
+	{% block subNav %}
+
+{% if True %}
+	{% set mod = (v.admin_level==6) %}
+	
+	

+		

+			

+				

+					

+						

+							

+								
+							

+						

+					

+				

+			

+		

+	

+	
+	

+		

+			

+				

+					
    
+						
  • 
+							
+						
    • 
+						
  • 
+							
+						
    • 
+						
  • 
+							
+						
    • 
+						
  • 
+							
+						
    • 
+						
  • 
+							
+						
    • 
+						
  • 
+							
+						
    • 
+					

+				

+			

+		

+	

+	{% endif %}
+	{% endblock %}
+
+	
+	

+
+	 {% block content %}
+	 {% endblock %}
+
+ 

+
+ 
+
+ 
+
+
+
+
+
+
+{% block mobilenavbar %}
+{% include "mobile_navigation_bar.html" %}
+{% endblock %}
+
+{% block invitationModal %}
+{% endblock %}
+
+{% block exileModal %}
+{% endblock %}
+
+{% block approveModal %}
+{% endblock %}
+
+{% block errorToasts %}
+{% endblock %}
+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
+
+
+
+
+	{% block scripts %}
+	{% endblock %}
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/header.html b/ruqqus/templates/header.html
new file mode 100644
index 000000000..dcdb72002
--- /dev/null
+++ b/ruqqus/templates/header.html
@@ -0,0 +1,187 @@
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/home.html b/ruqqus/templates/home.html
new file mode 100644
index 000000000..753b91146
--- /dev/null
+++ b/ruqqus/templates/home.html
@@ -0,0 +1,136 @@
+{% extends "default.html" %}
+
+{% block desktopBanner %}
+
+

+	

+		

+
+			{% block navbar %}
+			
‎

+
+			

+				
‎

+				

+					
+					

+						{% if not t=="hour" %}Hour{% endif %}
+						{% if not t=="day" %}Day{% endif %}
+						{% if not t=="week" %}Week{% endif %}
+						{% if not t=="month" %}Month{% endif %}
+						{% if not t=="year" %}Year{% endif %}
+						{% if not t=="all" %}All{% endif %}
+					

+				

+
+				
‎

+				

+					
+					

+						{% if sort != "hot" %}Hot{% endif %}
+						{% if sort != "top" %}Top{% endif %}
+						{% if sort != "bottom" %}Bottom{% endif %}
+						{% if sort != "new" %}New{% endif %}
+						{% if sort != "old" %}Old{% endif %}
+						{% if sort != "controversial" %}Controversial{% endif %}
+						{% if sort != "comments" %}Comments{% endif %}
+						{% if sort != "random" %}Random{% endif %}
+					

+				

+			

+			{% endblock %}
+		

+	

+

+
+{% endblock %}
+
+{% block PseudoSubmitForm %}
+
+
+

+
+	

+		

+			

+				
Create post

+				
    
+					
    • 
+					
    • 
+				

+			

+			

+				{% if v %}
+				
+					
+				
+				{% else %}
+				
+					
+				
+				{% endif %}
+			

+		

+	

+
+

+{% endblock %}
+
+{% block content %}
+
+

+
+	

+
+		

+
+			{% include "submission_listing.html" %}
+
+		

+	

+

+
+{% endblock %}
+
+{% block pagenav %}
+{% if listing %}
+
+{% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/home_comments.html b/ruqqus/templates/home_comments.html
new file mode 100644
index 000000000..9ddf401fe
--- /dev/null
+++ b/ruqqus/templates/home_comments.html
@@ -0,0 +1,90 @@
+{% extends "default.html" %}
+
+{% block PseudoSubmitForm %}{% endblock %}
+{% block sortnav %}{% endblock %}
+
+{% block content %}
+
+
+	

+	

+
+		

+			
‎

+			

+				
+				

+					{% if t !="hour" %}Hour{% endif %}
+					{% if t !="day" %}Day{% endif %}
+					{% if t !="week" %}Week{% endif %}
+					{% if t !="month" %}Month{% endif %}
+					{% if t !="year" %}Year{% endif %}
+					{% if t !="all" %}All{% endif %}
+				

+			

+
+			
‎

+			

+				
+				

+					{% if sort != "top" %}Top{% endif %}
+					{% if sort != "bottom" %}Bottom{% endif %}
+					{% if sort != "new" %}New{% endif %}
+					{% if sort != "old" %}Old{% endif %}
+					{% if sort != "controversial" %}Controversial{% endif %}
+				

+			

+		

+	

+
+
+	

+
+		

+
+			

+
+				{% include "comments.html" %}
+
+			

+		

+	

+
+
+{% endblock %}
+		
+
+{% block pagenav %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/index.html b/ruqqus/templates/index.html
new file mode 100644
index 000000000..d1c724572
--- /dev/null
+++ b/ruqqus/templates/index.html
@@ -0,0 +1,8 @@
+
+    

+        
{{ greeting }}

+        
[[ greeting ]]

+    

+    
+    
+
\ No newline at end of file
diff --git a/ruqqus/templates/leaderboard.html b/ruqqus/templates/leaderboard.html
new file mode 100644
index 000000000..5f0909270
--- /dev/null
+++ b/ruqqus/templates/leaderboard.html
@@ -0,0 +1,50 @@
+{% extends "guild_settings.html" %}
+
+{% block pagetitle %}Leaderboard{% endblock %}
+
+{% block content %}
+

+
Top 25 dramatards by dramacoins

+

+
+
+	
+		
+		
+		
+	
+
+{% for user in users1 %}
+	
+		
+		
+		
+	
+{% endfor %}
+
#NameCoins
{{users1.index(user)+1}}{{user.username}}{{user.dramacoins}}

+
+
+
+

+
Top 10 dramatards by followers

+
+
+
+

+
+
+	
+		
+		
+		
+	
+
+{% for user in users2 %}
+	
+		
+		
+		
+	
+{% endfor %}
+
#NameFollowers
{{users2.index(user)+1}}{{user.username}}{{user.follower_count}}

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/login.html b/ruqqus/templates/login.html
new file mode 100644
index 000000000..12e12be67
--- /dev/null
+++ b/ruqqus/templates/login.html
@@ -0,0 +1,136 @@
+
+
+
+
+
+		
+		
+		
+		
+
+		{% block title %}
+		Login -	Drama
+		{% endblock %}
+		
+		
+
+		
+		
+
+		
+		 
+
+		
+
+		
+		
+
+
+
+
+
+		
+		
+
+
+
+

+		

+
+				

+
+						

+
+								

+
+										

+												Drama
+										

+
+										{% block content %}
+
+										

+
+												
Welcome back.

+
+												
Glad to have you back!

+
+												{% if failed %}
+												
+												{% endif %}
+
+												

+
+														
+
+														
+														
+
+														
+
+														
+
+
+														Forgot password?
+
+														
+
+														

+																Don't have an account? 
+														

+
+												

+
+										

+
+										{% endblock %}
+
+								

+
+						

+
+				

+
+				

+
+						

+
+								

+
+								
+						

+
+				

+
+		

+

+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
diff --git a/ruqqus/templates/login_2fa.html b/ruqqus/templates/login_2fa.html
new file mode 100644
index 000000000..cfe58086c
--- /dev/null
+++ b/ruqqus/templates/login_2fa.html
@@ -0,0 +1,128 @@
+
+
+
+
+
+		
+		
+		
+		
+
+		2-Step Login - Drama
+
+		
+		
+
+		
+		 
+
+		
+
+		
+		
+
+
+
+
+
+		
+
+		
+
+
+
+

+		

+
+				

+
+						

+
+								

+
+										

+												ruqqus
+										

+
+										

+
+												
Two-step login

+
+												
To login, please enter the 6-digit verification code generated in your authenticator app.

+
+												{% if failed %}
+												
+										{% endif %}
+
+										

+
+												
+												
+
+												
+												
+
+												
+
+												
+												
+												Lost your 2FA device?
+
+												
+
+										

+
+
+								

+
+						

+
+				

+
+		

+
+		

+
+				

+
+						

+
+						
+				

+
+		

+
+

+

+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ruqqus/templates/lost_2fa.html b/ruqqus/templates/lost_2fa.html
new file mode 100644
index 000000000..76e066de8
--- /dev/null
+++ b/ruqqus/templates/lost_2fa.html
@@ -0,0 +1,36 @@
+{% extends "authforms.html" %}
+
+{% block pagetitle %}Drama Two-Factor Removal{% endblock %}
+
+{% block authtitle %}Remove the two-factor authentication from your account.{% endblock %}
+
+{% block authtext %}If all information is correct, you will be able to remove 2-factor authentication from your account in 24 hours.{% endblock %}
+
+{% block content %}
+
+												

+
+														

+
+																
+
+																
+
+																
+
+																
+
+																
+
+																
+
+																
+
+														

+
+												

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/message.html b/ruqqus/templates/message.html
new file mode 100644
index 000000000..13bc84ae3
--- /dev/null
+++ b/ruqqus/templates/message.html
@@ -0,0 +1,33 @@
+{% extends "default.html" %}
+
+{% block title %}
+{{title}}
+{% endblock %}
+
+{% block sidebar %}{% endblock %}
+
+{% block pagetype %}message{% endblock %}
+
+{% block customPadding %}{% endblock %}
+
+{% block content %}
+

+	

+		

+
+			
+				
+				
+			
+
+			
{{title}}

+			
{{message if message else error}}

+			{% if link and link_text %}
+			{{link_text}}
+			{% else %}
+			Go to homepage
+			{% endif %}
+		

+	

+

+{% endblock %}
diff --git a/ruqqus/templates/message_success.html b/ruqqus/templates/message_success.html
new file mode 100644
index 000000000..29f2b4cef
--- /dev/null
+++ b/ruqqus/templates/message_success.html
@@ -0,0 +1,17 @@
+{% extends "default.html" %}
+
+{% block title %}
+{{title}}
+{% endblock %}
+
+{% block pagetype %}message-success{% endblock %}
+
+{% block content %}
+

+
+	success state
+	
{{title}}

+	
{{text}}

+
+

+{% endblock %}
diff --git a/ruqqus/templates/mine/mine.html b/ruqqus/templates/mine/mine.html
new file mode 100644
index 000000000..be56a3640
--- /dev/null
+++ b/ruqqus/templates/mine/mine.html
@@ -0,0 +1,44 @@
+{% extends "home.html" %}
+
+{% block enlargeThumbJS %}
+
+{% endblock %}
+
+{% block PseudoSubmitForm %}{% endblock %}
+
+
+
+{% block customPadding %}{% endblock %}
+
+{% block content %}
+
+
+

+
+	{% block maincontent %}
+	{% endblock %}
+
+

+
+{% endblock %}
+
+{% block pagenav %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/mine/users.html b/ruqqus/templates/mine/users.html
new file mode 100644
index 000000000..be2263181
--- /dev/null
+++ b/ruqqus/templates/mine/users.html
@@ -0,0 +1,16 @@
+{% extends "mine/mine.html" %}
+
+{% block maincontent %}
+{% include "user_listing.html" %}
+{% endblock %}
+
+{% block sidebarblock %}
+	

+		
Your Followed Users

+		

+			
These are the users you follow.

+		

+	

+{% endblock %}
+
+{% block sidebar %}{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/mobile_navigation_bar.html b/ruqqus/templates/mobile_navigation_bar.html
new file mode 100644
index 000000000..f934f1184
--- /dev/null
+++ b/ruqqus/templates/mobile_navigation_bar.html
@@ -0,0 +1,69 @@
+

+
+		

+
+				
+{% if v and v.defaultsorting == 'new' %}
+				
+{% else %}
+				
+{% endif %}
+				
+				
+{% if v %}
+				
+{% else %}
+				
+{% endif %}
+		

+

\ No newline at end of file
diff --git a/ruqqus/templates/modlog.html b/ruqqus/templates/modlog.html
new file mode 100644
index 000000000..98aed8208
--- /dev/null
+++ b/ruqqus/templates/modlog.html
@@ -0,0 +1,86 @@
+{% extends "guild_settings.html" %}
+
+{% block pagetitle %}Moderation Log{% endblock %}
+
+{% block stylesheets %}
+
+{% if v %}
+	
+	{% if v.agendaposter %}{% elif v.css %}{% endif %}
+{% else %}
+	
+{% endif %}
+
+{% endblock %}
+
+{% block content %}
+

+
+	

+
+		

+
+			

+				
Moderation Log

+			

+
+		

+
+		

+			{% for ma in actions %}
+
+				

+
+				 

+					

+					

+						
+						 avatar
+					 
+						 

+							

+								{% if not ma.user.is_deleted %}
+									@{{ma.user.username}}
+								{% else %}
+									[deleted user]
+								{% endif %}
+
+							 {{ma.string | safe}}
+						 

+
+						 
{{ma.age_string}}  

+
+					 

+				 

+			 

+			

+
+
+			{% else %}
+			
There's nothing here right now.

+			{% endfor %}
+		

+
+
+		
+
+	

+

+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/mods.html b/ruqqus/templates/mods.html
new file mode 100644
index 000000000..c84e8d0fd
--- /dev/null
+++ b/ruqqus/templates/mods.html
@@ -0,0 +1,303 @@
+{% extends "guild_settings.html" %}
+
+{% block pagetitle %}Badmins{% endblock %}
+
+{% block scripts %}
+		
+
+		{% if b.has_invite(v) %}
+		
+	 {% endif %}
+
+	 {% endblock %}
+
+	 
+
+	 {% block content %}
+	 
+	 

+
+		

+
+			{% if request.args.get('error') or error %}
+			
+			{% endif %}
+
+			{% if request.args.get('msg') or msg %}
+			
+			{% endif %}
+
+			

+
+				

+
+					

+
+					 

+
+				

+				 
Badmins

+			 

+
+			 

+				{% if me %}
+				Resign
+				{% endif %}
+				{% if me and me.perm_full %}
+				Add badmin
+				{% endif %}
+			

+
+		

+
+		

+			
+				
+					
+						
+						
+						
+					
+				
+				
+
+					{% for mod in b.mods_list %}
+					
+						
+							
+
+							
+						
+						{% else %}
+						
+						{% endfor %}
+
+					
+				
UserBadmin Since

+							
+								@{{mod.user.username}}
+							{{mod.created_date}}
+								{% if me and me.id < mod.id %}
+								

+									
+									

+										Remove badmin
+									

+								

+								{% endif %}
+
+
+							
There are no badmins.

+			

+
+
+
+			
Pending

+
+			
These users have been invited to be badmins.

+
+			

+				
+					
+						
+							
+							
+							
+						
+					
+					
+
+						{% for m in b.mod_invites %}
+						
+							
+								
+								
+							
+							{% else %}
+								
+							{% endfor %}
+
+						
+					
UserInvited On

+								
+									@{{m.user.username}}
+								{{m.created_date}}
+									

+										
+										

+											Cancel invite
+										

+									

+								
There are no badmin invitations.

+				

+
+
+			

+
+		

+
+	

+
+

+
+

+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
+
+{% block errorToasts %}
+
+
+
+{% endblock %}
+
+{% block invitationModal %}
+{% if b.has_invite(v) %}
+{% include "gm_invitation_modal.html" %}
+{% endif %}
+{% endblock %}
diff --git a/ruqqus/templates/notifications.html b/ruqqus/templates/notifications.html
new file mode 100644
index 000000000..df10d089e
--- /dev/null
+++ b/ruqqus/templates/notifications.html
@@ -0,0 +1,124 @@
+{% extends "default.html" %}
+
+{% block fixedMobileBarJS %}{% endblock %}
+
+{% block pagetype %}{% endblock %}
+
+{% block PseudoSubmitForm %}{% endblock %}
+
+{% block navbar %}
+
‎

+{% endblock %}
+
+{% block gifKeyboard %}
+
+{% endblock %}
+
+{% block content %}
+
+

+  

+    
+  

+

+
+

+
+	
Inbox

+
+	{% with comments=notifications %}
+
+		{% include "comments.html" %}
+	{% endwith %}
+
+	{% if not notifications %}
+	

+
+		
+			
+			
+		
+
+		
No unread messages

+		
When someone comments or replies, it will show up here.

+		View entire inbox
+	

+
+	{% endif %}
+
+

+
+{% endblock %}
+
+{% block pagenav %}
+{% if notifications %}
+
+{% endif %}
+{% endblock %}
+
+{% block GIFpicker %}
+{% if v %}
+{% include "gif_modal.html" %}
+{% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/oauth.html b/ruqqus/templates/oauth.html
new file mode 100644
index 000000000..be5383ead
--- /dev/null
+++ b/ruqqus/templates/oauth.html
@@ -0,0 +1,43 @@
+{% extends "login.html" %}
+
+{% block title %}
+Application Request for Access
+{% endblock %}
+
+{% block content %}
+
+

+
+		
{{application.app_name}}

+
+		
wants to access your @{{v.username}} account.

+		
It will be able to:

+		
    
+		{% for scope in scopes %}
+				
  • {{SCOPES[scope]}}
    • 
+		{% endfor %}
+		{% if permanent %}
+		
  • Maintain this access indefinitely, or until you revoke it
    • 
+		{% endif %}
+		

+
+		
It will not be able to see your password, or change your account settings.

+
+		

+
+				
+				
+				
+				
+				
+				
+
+				
+
+				No, back to Drama
+
+		

+
+

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/oauthhelp.html b/ruqqus/templates/oauthhelp.html
new file mode 100644
index 000000000..a0b76c976
--- /dev/null
+++ b/ruqqus/templates/oauthhelp.html
@@ -0,0 +1,117 @@
+{% extends "default.html" %}
+
+{% block title %}
+Drama - OAuth2
+
+{% endblock %}
+
+{% block content %}
+{% filter markdown %}
+# OAuth2
+
+The OAuth2 authorization flow is used to enable users to authorize third-party applications to access their Drama account without having to provide their login information to the application.
+
+This page explains how to obtain API application keys, how to prompt a user for authorization, and how to obtain and use access tokens. 
+
+## Step 1: Create your Application
+
+In the [apps tab of Drama settings](/settings/apps), fill in and submit the form to request new API keys. You will need:
+
+* an application name
+* a Redirect URI, or a comma-separated list of redirect URIs. May not use HTTP unless using localhost (use HTTPS instead).
+* a brief description of what your application is intended to do
+
+Don't worry too much about accuracy; you will be able to change all of these later.
+
+Drama administrators will review and approve or deny your request for API keys. You'll know when your request has been approved when a client ID and secret appear in your application information.
+
+DO NOT reveal your Client Secret. Anyone with your Client Secret will be able to pretend to be you. You are responsible for keeping your Client Secret a secret!
+
+## Step 2: Prompt Your User for Authorization
+
+Send your user to `https://rdrama.net/oauth/authorize`, with the following URL parameters:
+
+* `client_id` - Your application's Client ID
+* `redirect_uri` - The redirect URI (or one of the URIs) specified in your application information. Must not use HTTP unless using localhost (use HTTPS instead). 
+* `state` - This is your own anti-cross-site-forgery token. We don't do anything with this, except give it to the user to pass back to you later. You are responsible for generating and validating the state token.
+* `scope` - A comma-separated list of permission scopes that you are requesting. Valid scopes are: `identity`, `create`, `read`, `update`, `delete`, `vote`, and `guildmaster`.
+* `permanent` - optional. Set to `true` if you are requesting indefinite access. Omit if not.
+
+If done correctly, the user will see that your application wants to access their Drama account, and be prompted to approve or deny the request.
+
+## Step 3: Catch the redirect
+
+The user clicks "Authorize". Drama will redirect the user's browser to GET the designated redirect URI. The following URL parameters will be included, which your server should process:
+
+* `code` - a **single-use** authorization code.
+* `state` - The state token from earlier.
+
+Validate the state token. How you do this is up to you.
+
+## Step 4: Exchange code for access token
+
+Make a POST request to `https://rdrama.net/oauth/grant`. Include the following form parameters:
+
+* `client_id` - Your application's Client ID
+* `client_secret` - Your application's Client Secret
+* `grant_type` - Set to the word "code"
+* `code` - The `code` parameter that was given to you in the previous step.
+
+Python example:
+
+
+	import requests
+	import pprint
+
+	code=request.args.get("code")
+
+	headers={"User-Agent": "Porpl Reader v1 by @captainmeta4"}
+	url="/oauth/grant"
+	data={"client_id": my_client_id,
+			"client_secret": my_client_secret,
+			"grant_type": "code",
+			"code": code
+			}
+
+	r=requests.post(url, headers=headers, data=data)
+
+	pprint.pprint(r.json())
+

+
+If everything is good, we will respond with the following (example) JSON body:
+
+
+	{
+	"access_token": 		#Access token
+	"scopes": 				#Comma-separated list of scopes included in authorization
+	"expires_at": 			#Unix epoch integer time at which access token expires
+	"token_type": "Bearer"
+	"refresh_token":		#This key is omitted in temporary authorizations
+	}
+

+
+Store the access and refresh tokens. You should also store expiration timestamp and the scopes list, so that you pre-emptively avoid sending requests to Drama that won't be accepted.
+
+## Step 5: Using the Access Token
+
+To use the access token, include the following header in subsequent API requests to Drama: `Authorization: Bearer access_token_goes_here`
+
+Python example, presuming that the application has obtained a valid `read` authorization:
+
+
+	import requests
+	import pprint
+
+	headers={"Authorization": "Bearer " + access_token,
+			 "User-Agent": "Drama Reader v1 by @carpathianflorist"}
+	url="/api/v1/front/listing"
+
+	r=requests.get(url, headers=headers)
+
+	pprint.pprint(r.json())
+

+
+The expected result of this would be a large JSON representation of the submissions that make up the user's personal front page.
+
+{% endfilter %}
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/reset_password.html b/ruqqus/templates/reset_password.html
new file mode 100644
index 000000000..02c5e27da
--- /dev/null
+++ b/ruqqus/templates/reset_password.html
@@ -0,0 +1,33 @@
+{% extends "authforms.html" %}
+
+{% block pagetitle %}Drama Password Reset{% endblock %}
+
+{% block authtitle %}Change your password.{% endblock %}
+
+{% block content %}
+
+												

+
+														

+
+				
+				
+				
+
+																
+
+																
+
+																
+
+																
+
+																
+
+														

+
+												

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/search.html b/ruqqus/templates/search.html
new file mode 100644
index 000000000..1473be385
--- /dev/null
+++ b/ruqqus/templates/search.html
@@ -0,0 +1,239 @@
+{% extends "home.html" %}
+
+{% block pagetype %}search{% endblock %}
+
+{% block title %}
+Search for "{{query}}" - Drama" 
+
+{% endblock %}
+
+{% block enlargeThumbJS %}
+
+{% endblock %}
+
+{% block toggleView %}
+
+{% endblock %}
+
+{% block PseudoSubmitForm %}{% endblock %}
+
+{% block navbar %}
+	{% if not '/users/' in request.path %}
+		

+			

+				
+				

+					{% if not t=="hour" %}Hour{% endif %}
+					{% if not t=="day" %}Day{% endif %}
+					{% if not t=="week" %}Week{% endif %}
+					{% if not t=="month" %}Month{% endif %}
+					{% if not t=="year" %}Year{% endif %}
+					{% if not t=="all" %}All{% endif %}
+				

+			

+
+			

+				
+				

+					{% if not sort=="top" %}Top{% endif %}
+					{% if not sort=="bottom" %}Bottom{% endif %}
+					{% if not sort=="new" %}New{% endif %}
+					{% if not sort=="old" %}Old{% endif %}
+					{% if not sort=="controversial" %}Controversial{% endif %}
+					{% if not sort=="comments" %}Comments{% endif %}
+					{% if not sort=="random" %}Random{% endif %}
+				

+			

+		

+	{% endif %}
+{% endblock %}
+
+{% block content %}
+
+
+

+
+	

+
+		

+
+			

+				
    
+					
    • 
+					
    • 
+				

+			

+			

+				

+					
Advanced search parameters (with examples): "author:quadnarca", "domain:reddit.com", "over18:true"

+					

+					
Showing {% block listinglength %}{{listing | length}}{% endblock %} of {{total}} result{{'s' if total != 1 else ''}} for

+					
{{query}}

+
+				

+			

+		

+	

+
+

+
+
+
+{% if not '/users/' in request.path %}
+
+

+
+	
+
+	

+	{% endif %}
+
+	

+		

+			

+				
+			

+		

+	

+
+	

+
+		

+
+			

+
+				{% block listing_template %}{% include "submission_listing.html" %}{% endblock %}
+
+			

+		

+	

+
+	{% if not '/users/' in request.path %}
+	

+
+		

+
+			

+
+				

+
+					

+
+						

+							
+							
+						

+
+						

+							
+							
+						

+
+					

+
+				

+
+
+
+			

+
+		

+
+	

+	{% endif %}
+	{% endblock %}
+
+	{% block pagenav %}
+	{% if listing %}
+	
+	{% endif %}
+	{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/search_comments.html b/ruqqus/templates/search_comments.html
new file mode 100644
index 000000000..9ef954a28
--- /dev/null
+++ b/ruqqus/templates/search_comments.html
@@ -0,0 +1,30 @@
+{% extends "search.html" %}
+
+{% block listing_template %}
+

+ {% with comments=comments %}
+ {% include "comments.html" %}
+ {% endwith %}
+

+{% endblock %}
+
+{% block listinglength %}
+{{comments | length}}
+{% endblock %}
+
+{% block pagenav %}
+	{% if comments %}
+	
+	{% endif %}
+{% endblock %}
diff --git a/ruqqus/templates/search_users.html b/ruqqus/templates/search_users.html
new file mode 100644
index 000000000..01f8f7d35
--- /dev/null
+++ b/ruqqus/templates/search_users.html
@@ -0,0 +1,26 @@
+{% extends "search.html" %}
+
+{% block listing_template %}
+

+{% include "user_listing.html" %}
+

+{% endblock %}
+
+{% block listinglength %}{{users | length}}{% endblock %}
+
+{% block pagenav %}
+	{% if boards %}
+	
+	{% endif %}
+{% endblock %}
diff --git a/ruqqus/templates/seized.html b/ruqqus/templates/seized.html
new file mode 100644
index 000000000..797cc6846
--- /dev/null
+++ b/ruqqus/templates/seized.html
@@ -0,0 +1,9 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/settings.html b/ruqqus/templates/settings.html
new file mode 100644
index 000000000..4e19aecba
--- /dev/null
+++ b/ruqqus/templates/settings.html
@@ -0,0 +1,227 @@
+
+
+
+
+
+	
+	
+	
+	
+
+	
+
+	{% block pagetitle %}Settings - Drama{% endblock %}
+		
+		
+		
+		
+		
+		
+		
+		
+
+		
+		
+		
+		
+		
+		
+		
+	
+
+	
+	
+
+	
+
+	
+	{% if v.agendaposter %}{% elif v.css %}{% endif %}
+
+	
+	 
+
+	
+
+
+
+
+	{% include "header.html" %}
+	
+	

+
+		

+
+	

+
+		{% if error %}
+		
+		{% endif %}
+		{% if msg %}
+		
+		{% endif %}
+
+		

+
+			
Settings

+
+			
Settings

+
+		

+
+		
+
+		
+
+		

+
+			
+
+		

+
+		
+
+		

+
+			
    
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+				
  • 
+					
+				
    • 
+			

+
+		

+
+	 {% block content %}
+	 {% endblock %}
+	 
+	

+

+
+ 

+
+ {% if v %}
+ {% include "2fa_modal.html" %}
+ {% endif %}
+
+ 
+
+{% block clipboard %}
+
+
+
+{% endblock %}
+
+{% include "bootstrap.html" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% block onload %}{% endblock %}
+
+
+
+
\ No newline at end of file
diff --git a/ruqqus/templates/settings_apps.html b/ruqqus/templates/settings_apps.html
new file mode 100644
index 000000000..8508212b1
--- /dev/null
+++ b/ruqqus/templates/settings_apps.html
@@ -0,0 +1,172 @@
+{% extends "settings.html" %}
+
+{% block title %}
+Drama - FAQ
+
+{% endblock %}
+
+{% block content %}
+

+	

+		

+
+
+
OAuth Guide

+
+

+
+
Your API Applications

+
+{% for app in v.applications if app.client_secret %}
+
+

+	

+		

+				

+								
+						

+						

+				
+				
+				
+
+				{% if app.client_secret %}
+				
+				
+				
+				Click to show
+				
+				{% endif %}
+
+
+				
+				
+				
+				
+			

+		

+		

+			

+				Reroll Tokens
+				
+			

+		

+	

+
+

+{% else %}
+
None

+{% endfor %}
+
+
API Applications Awaiting Approval

+
+{% for app in v.applications if not app.client_secret %}
+
+

+	

+		

+				

+								
+						

+						

+				
+				
+				
+
+				{% if app.client_secret %}
+				
+				
+				
+				Click to show
+				
+				{% endif %}
+
+
+				
+				
+				
+				
+			

+		

+		

+			

+				
+			

+		

+	

+
+

+{% else %}
+
None

+{% endfor %}
+
+
Your Authorized Applications

+
+{% for auth in v.authorizations.all() %}
+
+	

+		

+				

+								
+						

+						

+				
+				
+				
+				
+				
+			

+		

+		

+			

+				Revoke
+			

+		

+	

+{% else %}
+
None

+{% endfor %}
+
+
Request API Keys

+
+

+	

+		

+			

+				
+				
+				
+				
+				
+				
+				
+				
+				
+			

+		

+		

+			

+				
+			

+		

+	

+

+

+

+

+{% endblock %}
+
+
+{% block clipboard %}
+
+
+
+{% endblock %}
diff --git a/ruqqus/templates/settings_blocks.html b/ruqqus/templates/settings_blocks.html
new file mode 100644
index 000000000..248837112
--- /dev/null
+++ b/ruqqus/templates/settings_blocks.html
@@ -0,0 +1,124 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Block Settings - Drama{% endblock %}
+
+{% block content %}
+
+

+
+	

+
+		{% if error %}
+		
+		{% endif %}
+
+	

+
+

+
+
+

+
+	

+
+		

+
+			

+				
Users you block

+				
You have blocked the following users. They cannot reply to your content or notify you with a username mention.

+			

+			

+				
+			

+		

+
+
+
+	{% if v.blocking.first() %}
+	

+		
+			
+				
+					
+					
+					
+				
+			
+			
+				{% for block in v.blocking %}
+				
+					
+
+					
+
+						
+					
+					{% else %}
+					
+					{% endfor %}
+				
+			
UserBlocked since

+						
+							@{{block.target.username}}
+					{{block.created_date}}
+							

+								
+								

+									Unblock
+								

+							

+						
There are no blocked users

+		

+		{% else %}
+		

+			
+			
No blocked users

+		

+		{% endif %}
+
+	

+
+

+
+
+
+
+
+
+{% endblock %}
diff --git a/ruqqus/templates/settings_css.html b/ruqqus/templates/settings_css.html
new file mode 100644
index 000000000..5e4614525
--- /dev/null
+++ b/ruqqus/templates/settings_css.html
@@ -0,0 +1,51 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Custom CSS - Drama{% endblock %}
+
+{% block content %}
+
+

+
+	

+
+	  

+
+	    

+
+		
Edit your custom CSS for the site.

+
+		

+
+			

+				

+					

+						
+						
+						Limit of 50000 characters
+						

+							
+						

+					

+				

+
+			

+
+	  

+
+	

+
+

+

+{% if v.agendaposter %}
+
+{% endif %}
+

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/settings_filters.html b/ruqqus/templates/settings_filters.html
new file mode 100644
index 000000000..766c8449d
--- /dev/null
+++ b/ruqqus/templates/settings_filters.html
@@ -0,0 +1,253 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Profile Settings - Drama{% endblock %}
+
+{% block content %}
+
+
+

+
+	

+
+		

+
+			
Default Sorting and Time Filter

+
+			

+
+					

+						

+							
+						

+
+						

+							
Change the default sorting for comments.

+							

+								
+							

+
+						

+
+				 

+
+					

+						

+							
+						

+
+						

+							
Change the default sorting for posts.

+							

+								
+							

+
+						

+
+				 

+
+					

+						

+							
+						

+
+						

+							
Change the default time filter for posts.

+							

+								
+							

+
+						

+
+				

+
+			

+
+			
Tab Behaviour

+
+			

+
+				

+
+					

+						
+					

+
+					

+
+						

+							
+							
+						

+
+						Enable if you would like to automatically open threads in new tabs.
+
+					

+
+				

+
+
+				

+
+					

+						
+					

+
+					

+
+						

+							
+							
+						

+
+						Enable if you would like to automatically open external links in new tabs.
+
+					

+
+				

+
+
+
+			

+
+
+			
Reddit Links

+
+			

+
+				

+
+					

+						
+					

+
+					

+
+						

+							
+							
+						

+
+						Enable if you would like to automatically convert reddit.com links to old.reddit.com links.
+
+					

+
+				

+				
+			

+
+			
Content Filters

+
+				

+
+					

+
+						

+							
+						

+
+						

+
+							

+								
+								
+							

+
+							Enable if you would like to not get a warning before viewing +18 content.
+
+						

+
+					

+
+
+
+					

+
+						

+							
+						

+
+						

+
+							

+								
+								
+							

+
+							Enable if you would like to automatically replace slurs with funny r/drama equivalents.
+
+						

+
+					

+
+
+					

+
+						

+							
+						

+
+						

+
+							

+								
+								
+							

+
+							Enable if you would like to automatically hide posts you have voted on from your frontpage.
+
+						

+
+					

+
+					

+
+						

+							
+						

+
+						

+							

+								
+									Hides matching content from Home, All, and Trending, and collapses matching comments.
+								

+									
+								

+								

+									Use a new line for each filter entry. Limit of 1000 characters.
+									
+								

+							

+
+
+						

+
+					

+
+
+				

+
+		

+
+

+
+

+
+

+
+

+
+{% endblock %}
diff --git a/ruqqus/templates/settings_profile.html b/ruqqus/templates/settings_profile.html
new file mode 100644
index 000000000..70bbf7d7a
--- /dev/null
+++ b/ruqqus/templates/settings_profile.html
@@ -0,0 +1,494 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Profile Settings - Drama{% endblock %}
+
+{% block content %}
+{% include "emoji_modal.html" %}
+{% include "gif_modal.html" %}
+
+

+
+	

+
+		

+
+			
Theme

+
+			

+
+					

+						

+							
+						

+
+						

+							
Change the theme for the website.

+							

+								
+							

+
+						

+
+				 

+				 
+				

+
+				
+
+				

+
+					 

+							
+
+							{% for themecolor in ['ff66ac','805ad5','62ca56','38a169','80ffff','2a96f3','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58'] %}
+							
+							
+							{% endfor %}
+
+					

+
+				

+				
+			

+
+			

+
+
+			
Profile Picture

+
+			

+
+				

+
+					

+						
+					

+
+					

+
+						

+
+							

+
+								{% if v.can_upload_avatar %}
+
+								

+									
+									
+								

+
+								{% else %}
+
+								
You can add a custom avatar after earning 30 Dramacoins.{% if request.headers.get("cf-ipcountry")=="T1" and not v.is_activated %} Additionally, you must have a verified email address to upload images via Tor.{% endif %}

+
+								{% endif %}
+
+							

+
+							{% if v.has_profile %}
+							

+								

+									
+									
+								

+							

+							{% endif %}
+
+						

+
+						{% if v.can_upload_avatar %}
+
+						
JPG, PNG, GIF files are supported. Max file size is 16 MB.

+
+						{% endif %}
+
+					

+
+				

+
+			

+			
Profile Banner

+
+			

+
+				

+
+					

+						
+					

+
+					

+
+						

+
+							

+
+								{% if v.can_upload_banner %}
+
+								

+									
+									
+								

+
+								{% else %}
+
+								
You can add a custom banner after earning 30 Dramacoins.{% if request.headers.get("cf-ipcountry")=="T1" and not v.is_activated %} Additionally, you must have a verified email address to upload images via Tor.{% endif %}

+
+								{% endif %}
+
+							

+
+							

+
+								{% if v.has_banner %}
+								

+									
+									
+								
{% endif %}
+
+							

+
+						

+
+						{% if v.can_upload_banner %}
+
+						
JPG, PNG, GIF files are supported. Max file size is 16 MB.

+
+						{% endif %}
+
+					

+
+				

+
+			

+
+			
Referrals

+
+			
Invite a friend.

+
+			

+
+				

+
+					

+						
+					

+
+					

+
+						

+
+							
+
+							
+								
+									{{v.referral_count}}
+								
+
+							

+
+							
Share this link with a friend. {% if v.referral_count==0 %} When they sign up, you'll get the bronze recruitment badge. Learn more.{% elif v.referral_count<10 %} When you refer 10 friends, you'll receive the silver recruitment badge. Learn more.{% elif v.referral_count<100 %} When you refer 100 friends, you'll receive the gold recruitment badge. Learn more.{% endif %}

+
+							

+
+						

+
+					

+
+
+					  
Linked Accounts

+
+					  
Manage your connections to other services.

+
+					  

+
+						

+
+						  

+							
+						  

+
+						  

+
+							{% if v.discord_id %}
+							

+							  
+							  
+							

+
+							
Disconnecting your Discord account will remove you from the Drama Discord server.

+							{% else %}
+							Link Discord
+							
Link your Discord account to join the Drama Discord server.

+							{% endif %}
+
+						  

+
+						

+
+					  

+
+
+					
RSS Feed

+
+					
Subscribe to the Drama RSS feed.

+
+					

+
+						

+
+							

+
+								
+
+								
You can change the feed by replacing "hot" with whatever sorting you want and "all" with whatever time filter you want.

+
+							

+
+						

+
+					

+
+						
Your Profile

+
+						
Edit how others see you on Drama.

+
+						

+
+							

+
+								
+
+								

+									
Your original username will always stay reserved for you: {{v.original_username}}

+
+
+									

+										
+										
+										3-25 characters, including letters, numbers, _ , and -
+										

+											
+										

+									

+								

+
+							

+							
+							

+
+								
+
+								

+									
Must be a youtube video link.

+
+									

+										
+										
+										
In some browsers, users have to click at least once anywhere in the profile page for the anthem to play.
+										

+											
+										

+									

+								

+
+							

+							
+							

+
+							
+
+							

+
+								 

+										
+
+										{% for color in ['ff66ac','805ad5','62ca56','38a169','80ffff','2a96f3','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58'] %}
+										
+										
+										{% endfor %}
+
+								

+
+							

+							
+						
							
+							
+							{% if not v.flairchanged %}
+							

+
+								
+
+								

+
+									

+										
+										
+										

+											
+											   
+											Limit of 100 characters
+											
+										

+									

+								

+
+							

+							{% endif %}
+
+							

+
+							 
+
+							

+
+								 

+										
+
+										{% for titlecolor in ['ff66ac','805ad5','62ca56','38a169','80ffff','2a96f3','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58'] %}
+										
+										
+										{% endfor %}
+
+								

+
+							

+
+							

+
+							

+
+								
+
+								

+
+
+									

+										
+										

+											
+										

+										
+										

+											
+											 
+											
+											 
+											
+											 
+											
+											 
+											
+											 
+										

+										
+										

+										
+										

+											Limit of 1500 characters
+											
+										

+									

+								

+
+							

+							
+							

+								
+
+								

+									
Profile badges show off all of your site achievements. If your badges look not quite up to date, use this tool to refresh them.

+									

+										Refresh badges
+									

+
+							 

+
+						 

+
+						 

+
+							

+								
+							

+
+							

+
+								

+									
+									
+								

+
+								This will hide your post and comment history from others. We will also ask search engines to not index your profile page. (Your content will still be accessible via direct link.)
+
+							

+
+						

+						 

+
+							

+								
+							

+
+							

+
+								

+									
+									
+								

+
+								Prevent other users from following you.
+
+							

+
+						

+					

+					

+
+				

+
+		

+
+	
+
+
+
+
+
+{% endblock %}
diff --git a/ruqqus/templates/settings_profilecss.html b/ruqqus/templates/settings_profilecss.html
new file mode 100644
index 000000000..a924b770f
--- /dev/null
+++ b/ruqqus/templates/settings_profilecss.html
@@ -0,0 +1,41 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Custom profilecss - Drama{% endblock %}
+
+{% block content %}
+
+

+
+	

+
+	  

+
+	    

+
+		
Edit your profile css.

+
+		

+
+			

+				

+					

+						
+						
+						Limit of 50000 characters
+						

+							
+						

+					

+				

+
+			

+
+	  

+
+	

+
+

+

+

+
+{% endblock %}
\ No newline at end of file
diff --git a/ruqqus/templates/settings_security.html b/ruqqus/templates/settings_security.html
new file mode 100644
index 000000000..681d69bc6
--- /dev/null
+++ b/ruqqus/templates/settings_security.html
@@ -0,0 +1,302 @@
+{% extends "settings.html" %}
+
+{% block pagetitle %}Security Settings - Drama{% endblock %}
+
+{% block content %}
+
+
+
+		

+
+			

+
+				

+
+					
Password

+
+					
Change your account password.

+
+					

+
+						

+
+							

+
+								

+
+									
+
+									
+									Minimum of 8
+									characters
+									required.
+									Your password
+									meets the
+									requirements.
+								
+
+							

+
+							

+
+								
+
+								
+
+								Passwords do not
+								match.
+								Passwords match.
+							
+
+						

+
+						

+
+							
+
+							
+
+						

+
+					

+
+					

+
+						
+						
+
+						

+
+							
+
+						

+
+					

+
+				

+
+			

+
+			
Email

+
+			
Change the email address used to sign in to your account.

+
+			

+
+				

+					
+
+					

+
+						

+
+							
+
+							

+
+								
+								{% if v.email and not v.is_activated %}
+								
Email not verified. You will not be able to recover your account with this email until you verify it. Verify now.

+								{% elif not v.email %}
+								
Add an email to secure your account in case you forget your password.

+								{% endif %}
+
+							

+
+						

+
+						

+
+						 
+
+						 

+
+							 
+
+							 Password required to update your email.
+
+						 

+
+					 

+
+					 Password required to update your email.
+
+				 

+
+				 

+
+					

+
+						{% if v.email %}
+						
+						{% else %}
+						
+						{% endif %}
+
+					

+
+				

+
+			

+
+		

+
+
+		
Two-Factor Authentication

+
+		
Change the two-factor settings for your account.

+
+		

+
+			

+
+				

+					
+				

+
+				

+
+					

+					
+					
+					

+
+					This requires entering a randomly-generated, 6-digit code and your password to login. See Google Authenticator or Authy for more details.
+
+				

+
+			

+
+		

+
+	
Log Out Everywhere

+
+	
Log all other devices out of your Drama account.

+
+	

+
+		

+			
+
+			

+
+				

+
+				 
+
+				 

+
+					 
+
+				 

+
+			 

+
+			 This will also invalidate any existing recovery links associated with this account.
+
+		 

+
+		 

+
+			

+
+				
+
+			

+
+		

+
+	

+
+

+
+

+
+

+
+

+
+
+
+
+
+
+
+